Results 1 to 3 of 3

Thread: Mouseover effect WITHOUT dropdown menu

  1. #1
    Join Date
    Sep 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Mouseover effect WITHOUT dropdown menu

    1) Script Title: AnyLink JS Drop Down Menu v2.2

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

    3) Describe problem:
    I am using version 4 ("Get the News" example) where you mouse over an image (which creates a mouseover effect) and the drop down menu appears. My issue is that certain navigation items in my navigation menu don't require a drop down menu, however I still want them to have the mouseover effect. I went ahead and removed the "rel" tag from the HTML code. This worked as far as stopping the drop down menu, however it also stopped the mouseover effect. Is there any way I can do this where the mouseover effect still works without having a drop down menu?
    Any help is much appreciated.

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    I found that this will work: Make a link like this in the html page
    Code:
    <!--5th anchor link-->
    <p><a href="http://www.dynamicdrive.com" class="menuanchorclass" rel="anylinkmenu5" data-image="http://i44.tinypic.com/2mni3yx.gif" data-overimage="http://www.dynamicdrive.com/dynamicindex1/newsover.gif"><img src="http://i44.tinypic.com/2mni3yx.gif" style="border-width:0" /></a></p>
    and then in the menucontent.js you can add something like this
    Code:
    var anylinkmenu5={divclass:'anylinkmenu', inlinestyle:'display:none', linktarget:'_new'} 
    anylinkmenu5.items=[
    	 //no comma following last entry!
    ]

  3. #3
    Join Date
    Sep 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Works like charm. Thank you very much.

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
  •