javascript中如何使用onmouseenter事件

 时间:2024-10-13 07:28:35

1、创建一个名称为onmouseenter的html文件

javascript中如何使用onmouseenter事件

2、在文档区域插入一个图片,设置宽度和高度,在图片中加入onmouseenter事件,事件中加入自定义函数

javascript中如何使用onmouseenter事件

3、在图片下加入两个p标签,当触发事件后在p标签中提示

javascript中如何使用onmouseenter事件

4、创建自定义函数,当触发onmouseenter时调用该函数,并重新设置图片的宽度和高度。

javascript中如何使用onmouseenter事件

5、获取p标签对象,对p标签赋值提示内容

javascript中如何使用onmouseenter事件

6、在浏览器中打开该文件,当鼠标移动到图片的时候,图片会方法,p中内容会提示已经出发了onmouseenter事件

javascript中如何使用onmouseenter事件
javascript中如何使用onmouseenter事件
  • 如何用PHP往MySQL中插入数据
  • js怎样获取表格的自定义属性值
  • 如何在html中创建一个进度条
  • 如何使用CSS3中的box-orient属性设置容器排列
  • 热门搜索
    我爱阅读手抄报内容 廉洁手抄报内容 五城同创手抄报 节约用水的手抄报 保护环境手抄报大全 中秋节手抄报大全 植物手抄报 读书活动手抄报 奥运会手抄报内容 唐山世园会手抄报