Results 1 to 4 of 4

Thread: Change Smooth Nav Menu Arrow on Hover

  1. #1
    Join Date
    Jul 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Change Smooth Nav Menu Arrow on Hover

    1) Script Title: Smooth Navigational Menu (v1.5)

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

  2. #2
    Join Date
    Aug 2004
    Posts
    9,894
    Thanks
    3
    Thanked 966 Times in 954 Posts
    Blog Entries
    15

    Default

    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.
    DD Admin

  3. #3
    Join Date
    Jul 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi Admin

    That works perfectly, many thanks.
    Kind regards
    Paul

  4. #4
    Join Date
    Jul 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

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
  •