SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Guru
    Join Date
    Nov 2008
    Posts
    619
    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
    5,313
    Mentioned
    178 Post(s)
    Tagged
    9 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
  •