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
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
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
No comments:
Post a Comment