PDA

View Full Version : Fading animation on mouseleave with Drop Down/Overlapping Script?



AshleyQuick
01-08-2009, 02:36 PM
Drown Down/Overlapping Content Script

http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm


Is is possible to modify this so that the div fades out slowly on mouseleave? It's great now but with this, it would be amazing! :)

ddadmin
01-09-2009, 04:18 AM
Well, it's pretty simple if you use a framework such as jQuery to add the fade out feature. Firstly, add the below to the head of your page:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

Then, use the modified .js script instead, which uses jQuery to fade out the drop down content onMouseout.