首页 > 软件开发 > JavaScript >

javascript 中如何使用onmouseout

来源:互联网 2023-03-17 00:00:15 334

onmouseout事件是将鼠标的指针放在指定元素之上,当鼠标的指针离开该元素的时候触发该事件,在该事件中可做其他操作9rO办公区 - 实用经验教程分享!

工具/原料

  • 编辑器

方法/步骤

  • 1

    创建一个名称为onmouseout的html文件9rO办公区 - 实用经验教程分享!

    javascript 中如何使用onmouseout9rO办公区 - 实用经验教程分享!

  • 2

    在文档中加入一个图片并设置图片的宽度和高度,并在img中加入onmouseout事件,加入自定义函数9rO办公区 - 实用经验教程分享!

    javascript 中如何使用onmouseout9rO办公区 - 实用经验教程分享!

  • 2相关内容未经授权抓取自百度经验
  • 3

    加入两个p元素作为显示操作提示用9rO办公区 - 实用经验教程分享!

    javascript 中如何使用onmouseout9rO办公区 - 实用经验教程分享!

  • 4

    创建一个自定义函数,并对onmouseout事件触发时,将图片的宽度和高度重新设置,并为图片加红色边框9rO办公区 - 实用经验教程分享!

    javascript 中如何使用onmouseout9rO办公区 - 实用经验教程分享!

  • 5

    将已触发事件的 提示语赋值到p标签中9rO办公区 - 实用经验教程分享!

    javascript 中如何使用onmouseout9rO办公区 - 实用经验教程分享!

  • 6

    浏览器中运行该文件,操作鼠标从图片上移开并查看结果9rO办公区 - 实用经验教程分享!

    javascript 中如何使用onmouseout9rO办公区 - 实用经验教程分享!

    javascript 中如何使用onmouseout9rO办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!9rO办公区 - 实用经验教程分享!


    标签: JAVASCRIPT鼠标

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码