<html >
<head >
<title></title>
<script src="Scripts/jquery-2.1.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("h1").hover(function(){
$(this).attr("style","border:5px
solid red; color:green; background-color:yellow;width:400px");
},
function(){
$(this).attr("style", "border:2px
solid green; color:red;background-color:aqua;width:400px");
});
});
</script>
</head>
<body>
<form id="form2" runat="server">
<div align="center">
<h1 style="width:400px"> Welcome To JQuery</h1>
</div>
</form>
</body>
</html>
OutPut:
After Run the program:
Welcome To JQuery
After taking the Mouse
No comments:
Post a Comment