Results 1 to 2 of 2

Thread: Mouseover Tabs Menu help

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

    Default Mouseover Tabs Menu help

    1) Script Title: Mouseover Tabs Menu help

    2) Script URL (on DD):

    3) Describe problem: I have been looking for a script that is similar to the TOP Features script on this site

    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
    Thanked 1,008 Times in 993 Posts
    Blog Entries


    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:

    <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 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>
    <script type="text/javascript">
    //mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout")
    mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true)
    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


Posting Permissions

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