PDA

View Full Version : Scrollable Menu Links



Rajnish357
03-12-2010, 08:53 AM
Sir,

I found a "Scrollable Menu Links" on this link "http://www.dynamicdrive.com/dynamicindex1/scrollerlink.htm"

Which is going "left-right" only but i want a script that goes "up-down"
Can you please tell me how i can do this or is there any other script available for my work ?

Please reply soon I am in need:confused:

vwphillips
03-12-2010, 12:25 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
#tst {
position:relative;overflow:hidden;width:150px;height:50px;border:solid black 1px;
}

/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/

function Scroll(id,ud){
clearTimeout(this.to);
var obj=document.getElementById(id);
obj.scrollTop=obj.scrollTop+ud;
if (ud){
this.to=setTimeout(function(){ Scroll(id,ud); },10)
}
}


/*]]>*/
</script>
</head>

<body>
<input type="button" name="" value="Up" onmousedown="Scroll('tst',1);" onmouseup="Scroll('tst',0);"/>
<div id="tst" >
<div >
<a href="http://www.dynamicdrive.com">Dynamic Drive</a><br />
<a href="http://www.javascriptkit.com">JavaScript Kit</a><br />
<a href="http://www.codingforums.com">CodingForums.com</a><br />
<a href="http://www.builder.com">Builder.com</a><br />
<a href="http://freewarejava.com">Freewarejava.com</a>
</div>
</div>
<input type="button" name="" value="Down" onmousedown="Scroll('tst',-1);" onmouseup="Scroll('tst',0);" />

</body>

</html>