<!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>
Thursday, September 26, 2013
Change style of html Tag on mouseenter and mouseleave by Jquery
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment