使用DOM操作(不使用css的:hover的方法)实现鼠标移入表格 当前行的背景颜色改变...
2020-07-18 04:39
721 查看
1 <body> 2 <ul id="list"> 3 <li>11</li> 4 <li></li> 5 <li></li> 6 <li></li> 7 <li></li> 8 <li></li> 9 <li></li> 10 <li></li> 11 <li id="last" class="last"></li> 12 </ul> 13 <script> 14 var li=document.getElementsByTagName('li'); 15 for(var i=0;i<li.length;i++){ 16 li[i].addEventListener('mouseover',function () { 17 this.style.background='red'; 18 }); 19 li[i].addEventListener('mouseout',function () { 20 this.style.background='none'; 21 }); 22 }; 23 var last=document.getElementById('last'); 24 last.style.height=90+'px'; 25 last.style.background='green'; 26 </script> 27 </body>
转载于:https://www.cnblogs.com/jiaoyue/p/6765445.html
相关文章推荐
- 使用JQ添加css的背景样式,之后,hover失效,鼠标滑过没有改变颜色
- css实现鼠标经过tr时,改变tr当前背景颜色
- CSS:当鼠标移动到表格的某一行时改变其背景颜色
- JS实现鼠标滑过链接改变网页背景颜色的方法
- 表格:增加、删除行,鼠标移动改变行背景色,行内文本框自适应td,a除下划线(使用节点实现)
- 使用js操作css实现js改变背景图片示例
- JQuery的hover()方法使鼠标指针移过导航,改变背景颜色
- MFC在鼠标自定义的一定的范围内实现拖动窗口移动、错误:不支持尝试执行的操作、实现进度条颜色的渐变或者背景和前景色的改变
- 使用js操作css实现js改变背景图片示例
- 使用js操作css实现js改变背景图片
- 使用js操作css实现js改变背景图片示例
- JS实现鼠标滑过链接改变网页背景颜色的方法
- 使用DOM方法实现表格的隔行变色效果
- 最简单方法实现鼠标触摸改变div颜色
- 表格行间隔显示颜色,鼠标移入时当前行高亮显示
- css中颜色表示方法,背景图片,表格边框,元素溢出,盒子模型
- HTML表格中鼠标停留与鼠标移出事件颜色自动改变的实现
- QT中,QTableView鼠标滑过某一item上时该item所在行的背景颜色变成其他颜色的实现方法
- 用CSS怎样实现鼠标移上去背景颜色变色 onmouseover、onmouseout
- php使用PDO事务配合表格读取大量数据插入操作实现方法