Send this link to a friend by e-mail  |  Print this Web page  |  HOME  |  SCRIPTS  |  TUTORIALS  |  BACK  |  FORWARD  |  BOTTOM 

Scrolling <div> menu in JavaScript


JavaScript


<!-- Scrolling <div> menu in JavaScript -->
<script type="text/javascript" language="javascript"><!--
    var initpos, scroll, newpos, str;

    function initScroll(menu)
    {
        str = eval('menu');
        initpos = parseInt(document.getElementById(str).style.top);
    }

    function scrollMenu(menu)
    {
        scroll = parseInt(document.body.scrollTop);
        newpos = initpos + scroll;
        str = eval('menu');
        document.getElementById(menu).style.top = newpos + 'px';
        str = eval('menu');
        setTimeout('scrollMenu(str)', 100);
    }
//--></script>

<div id="divMenu" style="position:absolute; border:1px solid; top:50px; width:50px;">
    divMenu
</div>

<div style="height:2400px;">
    &nbsp;
</div>

<script type="text/javascript" language="javascript"><!--
    initScroll('divMenu');
    scrollMenu('divMenu');
//--></script>

<!-- mediasworks.org -->
<!-- mediasworks Group, India and worldwide -->
<!-- mediasworks nonprofit public participation project -->



Contribution is welcome, submit scripts or codes to mediasworks.org.

Donate for a cause


Technology Simplified!

Send this link to a friend by e-mail  |  TECHNOLOGY FORUMS  |  BACK  |  FORWARD  |  TOP  
Home | Theme | Contact | Feedback | E-mail | Advertise | Help | Privacy |   SiteMap