Scrollable Menu Links

**Rajnish357** · 03-12-2010, 08:53 AM

Sir,

I found a "Scrollable Menu Links" on this link "http://www.dynamicdrive.com/dynamici...rollerlink.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

**vwphillips** · 03-12-2010, 12:25 PM

Code:

<!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>

Thread: Scrollable Menu Links

Thread Tools

Search Thread

Scrollable Menu Links

Bookmarks

Bookmarks

Posting Permissions