jquery如何实现鼠标移至div变色

在jquery中,可以给div绑定鼠标移动事件,实现鼠标移至div变色 。 下面小编举例讲解jquery如何实现鼠标移至div变色 。

jquery如何实现鼠标移至div变色

文章插图

需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解jquery若何实现鼠标移至div变色 。
jquery如何实现鼠标移至div变色

文章插图

2在test.html文件内,利用div标签建立一个模块,用于测试 。
jquery如何实现鼠标移至div变色

文章插图

3在test.html文件内,设置div标签的class属性为mycd 。
jquery如何实现鼠标移至div变色

文章插图

4【jquery如何实现鼠标移至div变色】在css标签内,经由过程class设置div的样式,界说它的宽度为200px,高度为200px,布景色为红色 。
jquery如何实现鼠标移至div变色

文章插图

5在js标签内,经由过程class获得div对象,给它绑定mou搜索引擎优化ver事务,当鼠标放在div上时,利用css()方式设置它的布景颜色为黄颜色 。
jquery如何实现鼠标移至div变色

文章插图

6在浏览器打开test.html文件,鼠标放在div上,查看成果 。
jquery如何实现鼠标移至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变色的内容啦,希望对你有所帮助哦!

    推荐阅读