在jquery中,可以给div绑定鼠标移动事件,实现鼠标移至div变色 。 下面小编举例讲解jquery如何实现鼠标移至div变色 。
文章插图
需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解jquery若何实现鼠标移至div变色 。
文章插图
2在test.html文件内,利用div标签建立一个模块,用于测试 。
文章插图
3在test.html文件内,设置div标签的class属性为mycd 。
文章插图
4【jquery如何实现鼠标移至div变色】在css标签内,经由过程class设置div的样式,界说它的宽度为200px,高度为200px,布景色为红色 。
文章插图
5在js标签内,经由过程class获得div对象,给它绑定mou搜索引擎优化ver事务,当鼠标放在div上时,利用css()方式设置它的布景颜色为黄颜色 。
文章插图
6在浏览器打开test.html文件,鼠标放在div上,查看成果 。
文章插图
总结:11、利用div标签建立一个模块,设置div标签的class属性为mycd 。 2、在css标签内,经由过程class设置div的样式,界说它的宽度为200px,高度为200px,布景色为红色 。 3、在js标签内,经由过程class获得div对象,给它绑定mou搜索引擎优化ver事务,当鼠标放在div上时,利用css()方式设置它的布景颜色为黄颜色 。 4、在浏览器打开test.html文件,鼠标放在div上,查看成果 。
以上内容就是jquery如何实现鼠标移至div变色的内容啦,希望对你有所帮助哦!
推荐阅读
- 茯苓粥怎么做好吃 茯苓粥如何做好吃
- 腌制鲜辣椒的方法 如何腌制鲜辣椒
- 芭乐水果怎么吃 芭乐水果如何吃
- 如何清炖鱼好吃又简单 清炖鱼的做法
- 光子怎样诞生,如何达到光速,到底有没有质量?
- 蚬子怎么炒好吃 如何炒蚬子
- 猪肚怎么炒好吃 如何爆炒猪肚
- 菜碗豆怎么做好吃 如何炒菜碗豆好吃
- 肠粉酱油怎么调好吃 肠粉酱油如何调好吃
- 贵州油辣椒怎么做好吃 贵州油辣椒如何做好吃