Results 1 to 5 of 5

Thread: Fade in/out div by hovering over another div

  1. #1
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,999
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    12

    Default Fade in/out div by hovering over another div

    Hi,

    I've been looking for a script which does the following:

    Mouseover div A and fade div B into view,
    Mouseleave div A and fade div B out of view.
    (div B should always be in view as long as the cursor is over div A - as soon as it moves away, div B should disappear.)

    I've found something close here: http://jemthingsandstuff.co.uk/testing/hover-fade.html but its a little messy and if you move around too quickly, you get errors and sometimes the visibility flips so when the mouse is over div A, div B is hidden instead of being visible.

    I'd like something really clean that doesnt mess-up no matter how fast someone moves the cursor around (if thats possible).

    If anyone has a suitable script, can they please let me know.

    thanks

    Beverley

  2. #2
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    Look into jQuery.

  3. The Following User Says Thank You to Medyman For This Useful Post:

    Beverleyh (12-12-2008)

  4. #3
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    I think jQuery would be quite useful for you.

    Edit: Busy thread, I'll leave my post in case you want the link
    Last edited by Snookerman; 12-13-2008 at 03:09 PM.
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  5. The Following 2 Users Say Thank You to Snookerman For This Useful Post:

    Beverleyh (12-12-2008),songchai (12-13-2008)

  6. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,999
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    12

    Default

    Woo-hoo

    I cant believe how easy it was - thanks for pointing me in the direction of jQuery guys.
    This does exactly what I wanted: http://www.jemthingsandstuff.co.uk/t...ver-fade2.html

    For other jQuery beginners I really recommend the following video as a starting point: http://blog.themeforest.net/tutorial...-video-series/
    From there you can subscribe to the RSS feed or search on "jQuery for Absolute Beginners" to find the other vids in the series (they're currently on vid 9)

    Thanks again chaps

  7. #5
    Join Date
    Oct 2008
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Oh Great, Just looked through http://jquery.com/,

    Thank you indeed too.

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
  •