Results 1 to 2 of 2

Thread: Mouseover Tabs Menu help

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

    Default Mouseover Tabs Menu help

    1) Script Title: Mouseover Tabs Menu help

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...seovertabs.htm

    3) Describe problem: I have been looking for a script that is similar to the TOP Features script on this site http://www.carphonewarehouse.com/mob...XY-APOLLO/PPAY

    Yesterday I came across the Mouseover Tabs menu script and have been looking for a way of having upto 10tabs populated by images and when moused over a description is displayed below instead of links.

    Can someone please help with this?

  2. #2
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Instead of the default UL list menu as the main menu items, you're free to replace it with just image links instead. The key is just to remove the rel="" attribute inside each menu link into the image's A element instead, for example:

    Code:
    <div id="mytabsmenu" class="tabsmenuclass">
    <a href="#" rel="gotsubmenu[selected]"><img src="dd1.gif"  /></a> <a href="#" rel="gotsubmenu"><img src="dd2.gif" rel="gotsubmenu" /></a> <a href="#"><img src="dd3.gif" /></a>
    </div>
    
    <div id="mysubmenuarea" class="tabsmenucontentclass">
    
    <!--1st link within submenu container should point to the external submenu contents file-->
    <a href="submenucontents.htm" style="visibility:hidden">Sub Menu contents</a>
    
    </div>
    
    <script type="text/javascript">
    //mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout")
    mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true)
    
    </script>
    As far as showing a description instead of a row of links, simply replace the sub menu contents inside submenucontents.htm with what you wish to show.
    DD Admin

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
  •