作品第一课----鼠标移入/移除改变样式
2015-12-23 21:55
579 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div { width: 200px; height: 200px; background-color: #000; color: #FFF; margin: 0 auto; } .style { border: 10px solid #000; background-color: red; color: yellow; } </style> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head> <body> <div> <p>鼠标移入改变样式,鼠标移除恢复。</p> </div> <script type="text/javascript"> $(document).ready(function(){ $("div").hover( function(){ $(this).addClass("style"); }, function(){ $(this).removeClass("style"); } ); }); // var handlerInOut = function(){ // alert(1) // }; // $('div').bind("mouseenter mouseleave", handlerInOut); //$("div").hover(handlerInOut); </script> </body> </html>
相关文章推荐
- 作品第一课----改变DIV样式属性
- CSS浏览器兼容性----Hack
- 网页滚动条样式知识
- CSS浏览器兼容性----Hack
- 【CSS+DIV】(1)——滤镜的应用
- CSS3响应式设计
- 9种CSS3 blend模式制作的鼠标滑过图片标题特效
- 样式表
- CSS3秘笈:第十二章&第十三章
- CSS3秘笈:第十一章
- css style study
- 星星选择样式
- js+css3制作验证码
- @font-face(css3属性)实如今网页中嵌入随意字体
- 利用HTML和CSS实现常见的布局
- CSS 文字两边加直线
- CSS3 学习笔记
- 利用RecyclerView CardView实现新闻卡片样式
- 【html/css】若母div设置了透明度,如何才能使得里面的子div不继承母div的透明度
- css中padding中样式的顺序含义