js鼠标移入改变颜色，移除还原

<style type="text/css">.cd{width: 200px;height: 20px;border: solid 1px black;text-align: center;float: left;margin: 5px;}</style></head><body><div class="cd">菜单一</div><div class="cd">菜单二</div><div class="cd">菜单三</div><div class="cd">菜单四</div><div class="cd">菜单五</div></body><script type="text/javascript">var yj=document.getElementsByClassName('cd');for(var i=0;i<yj.length;i++){yj[i].onmouseover=function(){//console.log(i)this.style.backgroundColor="red"   }yj[i].onmouseout=function(){this.style.backgroundColor="";}}</script>

js鼠标移入改变颜色，移除还原相关推荐

[转] 鼠标移入/移出颜色渐变
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...
html鼠标移入移除事件,js鼠标移入移出事件样例
javaScript实例 li{background-color:#eee;height:25px;margin-top:2px;} //添加鼠标移入移出事件 function fun(){ //获取 ...
前台项目20鼠标移入背景颜色改变
1.在data中储存鼠标移入了哪一个分类中 2.在分类中添加鼠标移入事件,并携带参数 3.获得移入的分类中的索引值,并赋值给data中的数据 4.给分类添加一个类名,并判断什么时候出现 5.在css中 ...
JS鼠标移入，移出事件
该事件的效果就像百度首页的设置选项,当鼠标移入,移出时的效果,废话不多说了,直接上码. <!DOCTYPE html> <html lang="en"> & ...
vue.js鼠标移入变换样式,鼠标移出去除样式(active)实现方法
鼠标移入添加class样式 HTML HTML绑定事件,加入或者移出class为active <span class="things" @click="toThin ...
原生JS鼠标移入移出事件
开发工具与关键技术:DW JavaScript 撰写时间:2019年2月15日在css中可以用伪类hover来实现鼠标的移入移出效果,而在JS中也可以用鼠标移入onmouseover事件和鼠标移出o ...
js鼠标移入移出显示与隐藏
<body> <div οnmοuseοver="over(this)" οnmοuseοut="out(this)">显示部分< ...
解决原生JS鼠标移入事件多次触发的问题
在原生JS的onmouseover事件中,一般使用的期望是在鼠标移入的时候触发一次,但是当绑定事件的元素有子元素时候,鼠标在元素和子元素中切换时候会多次触发鼠标移入事件,但是不会触发鼠标移出事件,基于 ...
js 鼠标移入移出事件
var oFlag = document.getElementById('flag'); var oDiv = document.getElementById('node'); //鼠标移入事件 oD ...
利用js 实现点击后改变颜色
"show"是我们定义的一个div块 <body> <div id="show" style="width:400px; heigh ...

js鼠标移入改变颜色，移除还原

js鼠标移入改变颜色，移除还原相关推荐

最新文章

热门文章