jQuery onmouseover + onmouseout / hover on two different divsTo 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
Category Archives Jquery
A Simple Mouseover Hover Effect with jQueryTo make it all work, we first need to add the jQuery library script between the tags.<script src="http://yoursite.com/jquery.js" type="text/javascript"></script></div> Now lets create the function that will make it all work.<script type='text/javascript'>$(document).ready(function(){ $(".button").hover(function() { $(this).attr("src","button-hover.png"); }, function() { $(this).attr("src","button.png"); });});</script> The one thing you need to make sure is that the classname in the jQuery function…
Blink text with jQuery1.Text Effects In jQuery.2.If you want blinking text, use this tag. 3. To fade-in fade-out blinking of the text <div id="msg"> </div><script language="javascript"> function setFade() { $("#msg").fadeOut(1000, function () { $("#msg").fadeIn(); }); } setInterval("setFade();",100);</script>
Characters Validation You want to Type only Characters then use this Function if you Type numeric the return falsevar charSetName="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";function isName(myst) {var i;for (i = 0; i < myst.length; i++) {var c = myst.charAt(i);if (charSetName.indexOf(c) < 0) {return false;}}return true;}