Results 1 to 2 of 2

Thread: HELP please! Rollover images & drop down menus.

  1. #1
    Join Date
    Aug 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default HELP please! Rollover images & drop down menus.

    DELETE PLEASE... duplicate

  2. #2
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    Code:
    <html>
    <head>
    <style type="text/css">
    .menu {
    width:100px;
    padding:3px;
    font:12px ms sans serif;
    display:none;
    position:absolute;
    border:1px solid gray
    }
    </style>
    <script language="javascript">
    function showMenu(which,tf) {
    if (tf==true) {
    which.style.display="block"
    }
    if (tf==false) {
    which.style.display="none"
    }
    }
    </script>
    </head>
    <body>
    <img src="" onmouseover="showMenu(menu1,true)" onmouseout="showMenu(menu1,false)">
    <div class="menu" id="menu1" style="left:10px;top:45px" onmouseover="showMenu(menu1,true)" onmouseout="showMenu(menu1,false)">
    Item 1
    <br>Item 2
    <br>Item 3
    <br>Item 4
    <br>Item 5
    </div>
    </body>
    </html>
    To add more menus..
    change the id

    Code:
    <img src="" onmouseover="showMenu(menu2,true)" onmouseout="showMenu(menu2,false)">
    
    <div class="menu" id="menu2"... onmouseover="showMenu(menu2,true)" onmouseout="showMenu(menu2,false)">
    - Mike

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
  •