简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

鼠标点击，经过，鼠标离开事件完整html实例代码（图）

PHPz
发布： 2017-04-23 10:46:40
原创
9595 人浏览过

本文讲解鼠标点击，经过，鼠标离开事件的htm实现方法，以下是完整html实例代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
var a,b,c;
a=100;b=200;

c=a;a=b;b=c;
console.log(a,b);
alert(a+" "+b);
window.onload=function(){
var sj;
sj=document.getElementById("a");
sj.style.color="pink";
sj.style.width="100px";
sj.style.lineHight="30px";
sj.style.lineHight="30px";
sj.style.textAlign="center";
sj.style.background="purple";

}
</script>
</head>
<body>
<p onclick="alert(&#39;php中文网html实例&#39;)">点击有惊喜！</p>
<marquee onmouseover="this.stop()"onmouseout="this.start()">我是php中文网（www.php.cn）！</marquee>

<p onclick="alert(&#39;别人都叫我小猪&#39;)" id="a">请叫我钟老师</p>

</body>
</html>
登录后复制

鼠标点击，经过，鼠标离开事件显示效果：

0.jpg


以上是鼠标点击，经过，鼠标离开事件完整html实例代码（图）的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
鼠标点击，鼠标经过，鼠标离开，html
来源：php.cn
上一篇：如何是网页页面自动刷新？网页页面自动刷新的3种代码 下一篇：HTML表单（form）学习笔记
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
NumberInput 鼠标滚轮处理忽略捕获阶段的事件过滤 非常简短的版本：我有点卡住了，不太明白为什么这段代码确实可以拦截和防止鼠标滚轮事件被数字编辑解释以更改数字。我想了解为什么拦截捕获和过滤事件不起作用：HTML代码：<pid=...
来自于 2024-04-05 12:21:04
0
1
1387
网页抓取：缺少 href 属性 - 需要模拟鼠标点击进行网页抓取吗？ 对于一个有趣的网络抓取项目，我想从ttps://www.nhl.com/stats/teams收集NHL数据。有一个可点击的Excel导出标签，我可以使用selenium和bs4找...
来自于 2024-04-04 10:32:06
0
1
3473
如何使动画在悬停时暂停，但一旦鼠标离开动画继续 我已经厌倦了几个解决方案，这是我得到的最接近的解决方案。但我仍然不满意结果如何，因为当鼠标离开元素时，元素会恢复到原来的旋转状态。这个想法是，如果你越过该元素，即使鼠标离开该元素，...
来自于 2024-04-01 09:43:54
0
1
349
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！