0
0
青灯夜游
发布时间：2022-01-18 18:15:43
|10833人浏览过
|来源于php中文网
原创
javascript实现鼠标悬停变色的方法：1、元素绑定onmouseover事件，并设置事件处理函数；2、在事件处理函数中，使用“元素对象.style.颜色属性名="颜色值";”语句设置当触发悬停事件时，元素颜色改变效果。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
思想：对于上一级元素、父元素实现下级元素、子元素变色。仅需 :hover 及 css 选择器便可完成。下级元素对上级操作，现使用 JavaScript 中 onmouseover、onmouseout 事件
onmouseover 事件会在鼠标指针移动到指定的元素上时发生。
onmouseout 事件会在鼠标指针移出指定的对象时发生。
立即学习“Java免费学习笔记（深入）”；
一、HTML 代码
鼠标移动到 A div 时，我要变色
一号 div二号 div
二、JavaScript 代码
注：建议写在 body 的结束标签前
三、CSS 代码
四、效果图
【相关推荐：javascript学习教程】
相关文章
javascript DOM操作_怎样动态修改页面内容
javascript正则表达式是什么_如何进行模式匹配？
javascript Promise是什么_如何使用then和catch
javascript的Node_js是什么_如何用它构建后端应用
怎么使用javascript操作DOM_有哪些高效的方法可以避免重排？
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
