Top Menu
jQuery onmouseover + onmouseout / hover on two different divs
To make it all work, we first need to add the jQuery library script between the tags.

<script src=”jquery-1.4.4.js” type=”text/javascript”>
</script></div>
This code past body Tag

<div id="div_1">
    Here Hover
</div>
<div id="div_2">
    Here content to show
</div>

$(function() {
jQuery(‘#div_2’).hide(); jQuery(‘#div_1’).mouseover(function() { jQuery(‘#div_2’).fadeIn();
});
jQuery(‘#div_2’).mouseout(function(){ jQuery(‘#div_2’).fadeOut();
});
});

if  you Like this code then Please do the comments 

 

About The Author

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Close