SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)

    Looking for hover delay script for css drop down menu?

    Good morning,

    What I'm looking for, and can't seem to find is, a JS snippet, that will delay the hover effect (a simple drop down) of my mega drop down menu by 250 millseconds or so. And of course, then hold the drop down in place for the same amount of time on mouseout.

    Thanks for any direction!

  2. #2
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2008
    Posts
    5,757
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This isn't the greatest code example, but it covers the logic pretty well.
    http://javascript-array.com/scripts/...rop_down_menu/

  3. #3
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,702
    Mentioned
    101 Post(s)
    Tagged
    4 Thread(s)
    What changes would you make when rewriting the code?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  4. #4
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Thanks! I too found that page after I posted. Anyway to make that work with classes, or just targeting the li's, rather than the mouseover and mouseout stuff in the html?
    Last edited by PicnicTutorials; Apr 20, 2009 at 14:41.

  5. #5
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    I spoke too soon! Well before I start worrying about altering the script, I should first try to get it working. Man, I messed with that link for awhile, and was unfortunately unable to get it working on my page. He is sort of unclear about a few things. But everything to make it work is there on the page. You can do a source code copy and paste and it still works (on his demo - not mine). He has his set up, to delay one mouseout - not mouseover. I need mine to have delay for both.

    Here is my page. http://www.visibilityinherit.com/pro...drop-down3.php Mind showing me a quick how to? Thanks!


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
  •