Want to become a Vibe Coder? Join Vibe Coding Training here
x
C# Corner
Tech
News
Videos
Forums
Jobs
Books
Events
More
Interviews
Live
Learn
Training
Career
Members
Blogs
Challenges
Certifications
Bounties
Contribute
Article
Blog
Video
Ebook
Interview Question
Collapse
Feed
Dashboard
Wallet
Learn
Achievements
Network
Refer
Rewards
SharpGPT
Premium
Contribute
Article
Blog
Video
Ebook
Interview Question
Register
Login
Mouse Hover Example
WhatsApp
Mithilesh Kumar
Jul 03
2016
594
0
1
<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=
"form1"
runat=
"server"
>
<div align=
"center"
>
<h1 style=
"width:400px"
> Welcome To JQuery</h1>
</div>
</form>
</body>
</html>
JQuery
HTML
Up Next
Mouse Hover Example