Results 1 to 2 of 2

Thread: Scrollable Menu Links

  1. #1
    Join Date
    Mar 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Scrollable Menu Links

    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

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    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>
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •