<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Change style of html Tag on mouseenter and mouseleave by Jquery</title>
<style>
p {
color: green;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<a href="#">Move the mouse over a paragraph.</a>
<a href="#">
Like this one or the one above.</a>
<script>
$( "p" )
.on( "mouseenter", function() {
$( this ).css({
"background-color": "balck",
"font-weight": "bolder"
});
})
.on( "mouseleave", function() {
var styles = {
backgroundColor : "#fds",
fontWeight: ""
};
$( this ).css( styles );
});
</script>
</body>
</html>
Here you will find about .net technology. also can get example about MVC.net and jquery.
Thursday, September 26, 2013
Change style of html Tag on mouseenter and mouseleave by Jquery
Subscribe to:
Post Comments (Atom)
Opps Part 1 : Abstraction
Abstraction in C# is a fundamental concept of object-oriented programming (OOP) that allows developers t...
-
<html> <body> <table> <tr><td>Text to Save:</td></tr> <tr> <td colspan="3...
-
SQL Server has several fixed database roles such as db_datareader and db_datawriter , which grants the user read and write access res...
-
MaxDepth – A positive integer that specifies the maximum nested node depth per read. The default value is 32. Maximum is 2147483647. Ma...
No comments:
Post a Comment