JS基础-hover在jquery中的使用方法

 时间:2026-02-14 21:51:17

1、打开Dreamweaver软件新建HTML文件,然后在body建立标签h4和p标签

JS基础-hover在jquery中的使用方法

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

JS基础-hover在jquery中的使用方法

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

JS基础-hover在jquery中的使用方法

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

JS基础-hover在jquery中的使用方法

5、当鼠标经过h4时,p标签颜色为红色,当鼠标移开时,背景变为蓝色,这是一系列动作,hover代表了经过和离开的过程,所以中间以逗号隔开

$("h4").hover(function(){

$("p").css("background-color","yellow")

},function(){

$("p").css("background-color","blue")

})

JS基础-hover在jquery中的使用方法

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

JS基础-hover在jquery中的使用方法

  • css字体居中怎么设置
  • vf文本框和编辑框控件
  • flashcs6加代码2.0按钮的方式
  • 如何用css制作点击选项底部内容更换效果
  • jquery如何移除元素其中一个事件
  • 热门搜索
    防火安全知识手抄报 关于感恩手抄报图片 爱我中华手抄报资料 热爱祖国手抄报图片 最漂亮的手抄报花边 关于欢度春节的手抄报 生物手抄报图片 珍惜时间的手抄报 手抄报内容怎么写 春节见闻手抄报