JS基础-hover在jquery中的使用方法
1、打开Dreamweaver软件新建HTML文件,然后在body建立标签h4和p标签

2、对h4和p标签添加修饰,并将jquery文件导入文件中

3、对其添加修饰后,效果如图,现在默认情况下,p标签颜色为红色

4、然后在下面添加hover编写,当鼠标经过h4时,p发生变化,所以是对h4发生的变化

5、当鼠标经过h4时,p标签颜色为红色,当鼠标移开时,背景变为蓝色,这是一系列动作,hover代表了经过和离开的过程,所以中间以逗号隔开
$("h4").hover(function(){
$("p").css("background-color","yellow")
},function(){
$("p").css("background-color","blue")
})

6、最后在浏览器中观看效果,一开始默认为设置的红色,当鼠标移动到文字中时,下面的p标签颜色变为黄色,当鼠标移开时,背景变为蓝色。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:150
阅读量:163
阅读量:137
阅读量:50
阅读量:158