0
0
伊谢尔伦
发布时间：2017-07-22 10:43:09
|1465人浏览过
|来源于php中文网
原创
提示框功能：当鼠标指向头像时，弹出一个信息框，鼠标可移动到信息框，当鼠标离开头像时信息框消失，当鼠标离开信息框时信息框消失。
实现功能思路：
1、获取元素。
2、当鼠标指向p1时，p2显示。
3、当鼠标离开p1时，使p2延迟0.5秒消失，这样以便有时间把鼠标移到p2。
4、当鼠标指向p2时，p2显示。因为第3步设置setTimeout使p2消失，所以把用clearTimeout()把setTimeout清除了就可以实现p2显示了。
5、当鼠标离开p2时，使p2延迟0.5秒消失，这样以便有时间把鼠标指向p1。
6、第2步已经设置了鼠标指向p1，p2就显示，但由于第5步设置setTimeout使p2消失，所以在第2步加上clearTimeout()把setTimeout清除了就可以实现p2显示了。
JS代码：
由于代码看起来多差不多，可以简化如下：
立即学习“Java免费学习笔记（深入）”；
HTML、CSS代码：
相关文章
javascript如何处理复杂的数据结构与算法【教程】
javascript事件机制如何工作_怎样绑定事件监听器【教程】
javascript如何与后端API交互【教程】
javascript如何获取网页元素_有哪些选择DOM的方法【教程】
javascript数组常用方法有哪些需要掌握【教程】
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
2026年最新赚钱平台入口汇总，涵盖任务众包、内容创作、电商运营、技能变现等多类正规渠道，助你轻松开启副业增收之路。阅读专题下面的文章了解更多详细内容。
76
2026.01.31
想找真正免费又无套路的漫画App？本合集精选多款永久免费、资源丰富、无广告干扰的优质漫画应用，涵盖国漫、日漫、韩漫及经典老番，满足各类阅读需求。阅读专题下面的文章了解更多详细内容。
67
2026.01.31
想找免费又资源丰富的漫画网站？本合集精选2025-2026年热门平台，涵盖国漫、日漫、韩漫等多类型作品，支持高清流畅阅读与离线缓存。阅读专题下面的文章了解更多详细内容。
19
2026.01.31
热门下载
相关下载
精品课程
最新文章
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
