SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Guru
    Join Date
    Nov 2008
    Posts
    625
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Add delay in multicol menu on hover

    hi all

    i m using this multicol menu

    http://wdpixels.com/coding/multicolmenu.html

    how can i add a slight delay on hover

    If it can be done with simple javascript without jquery that would be great.

    vineet

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,048
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    It is possible to use CSS3 transitions to delay the :hover effect (providing the effect is CSS based).

    For example:
    Code CSS:
    div{
        transition: 0s background-color;
    }
     
    div:hover{
        background-color:red;    
        transition-delay:1s;
    }

    will delay applying the the hover effects for one second.
    See here: http://stackoverflow.com/questions/8...-hover-in-css3

    For a JavaScript solution, see here: http://www.sitepoint.com/forums/show...ing-javascript!
    And here: http://cherne.net/brian/resources/jq...verIntent.html


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
  •