PDA

View Full Version : Change Smooth Nav Menu Arrow on Hover



charlieboy
03-20-2011, 03:10 PM
1) Script Title: Smooth Navigational Menu (v1.5)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

3) Describe problem: Does anyone know if it's possible to change the arrow icons when you hover over the first level menu items? Currently my css is set to change the font colour of the first level menu item, but I'd also like to change the colour of the arrow as well - essentially swap the arrow gif with an another version.

Any assistance would be greatly appreciated.
Kind regards
Paul

ddadmin
03-21-2011, 06:58 AM
Sure, try the below modified .js file, which changes the top level "down" arrow from the original image, ie: "down.gif" to "down_over.gif" on mouseover. In other words, it adds the part in red to form the new down arrow image filename.

charlieboy
03-21-2011, 07:22 AM
Hi Admin

That works perfectly, many thanks.
Kind regards
Paul

charlieboy
06-26-2012, 08:38 AM
Hi there, just picking up on this subject again.

Could you please advise how I may also apply the same effect to the right arrow - in other words how I can change the right.gif arrow icon on hover - in the same js file?

Many thanks in advance
Paul