PDA

View Full Version : Mouseover effect WITHOUT dropdown menu



Grubsteaks
09-01-2010, 07:26 PM
1) Script Title: AnyLink JS Drop Down Menu v2.2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.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.

azoomer
09-01-2010, 07:55 PM
I found that this will work: Make a link like this in the html page

<!--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

var anylinkmenu5={divclass:'anylinkmenu', inlinestyle:'display:none', linktarget:'_new'}
anylinkmenu5.items=[
//no comma following last entry!
]

Grubsteaks
09-01-2010, 08:10 PM
Works like charm. Thank you very much.