网站首页
技术文章
客户案例
联系方式
信息搜索
深山工作室
>
表格特效
鼠标经过表格列时变色
以下为详细代码
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>鼠标经过表格列时变色</title> </head> <body> <table width=500 cellspacing=0 rules=groups border onmouseout="setColor0(event.fromElement)" onmouseover="setColor1(event.srcElement)"> <col><col><col><col> <tr><td>第一列</td><td>第二列</td><td>第三列</td><td>第四列</td></tr> <tr><td>第一列</td><td>第二列</td><td>第三列</td><td>第四列</td></tr> <tr><td>第一列</td><td>第二列</td><td>第三列</td><td>第四列</td></tr> <tr><td>第一列</td><td>第二列</td><td>第三列</td><td>第四列</td></tr> </table> <script> var cols=document.getElementsByTagName("table")[0].children[0].children; //获取所有列 function setColor0(sender) { if(sender.tagName=="TD") cols[sender.cellIndex].style.backgroundColor="";//鼠标移走时，取消颜色 } function setColor1(sender) { if(sender.tagName=="TD") cols[sender.cellIndex].style.backgroundColor="gray";//鼠标移过来时，改变颜色 } </script> </body> </html>
更多>>
表格特效相关信息
用javscript实现为表格的每一行自动加上序号
鼠标放在表格区域内，当前格的一整行和一整列变色
鼠标经过表格列时变色
javascript表格内移动上下列，可以做成ajax加上动态程序做成上下移动顺序
利用javascript鼠标经过表格，行与列变色
更多>>
最新添加
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现：无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
旅行社网站案例
旅行社微信案例
头条抖音小程序案例
百度小程序案例
微信小程序案例
小程序案例
旅行社网站案例
投票案例
企业网站建设案例
百度小程序开发
HTML
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
下载类信息
DIV+CSS
个人空间
代码生成
SEO搜索引擎忧化
asp.net
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
Copyright ©
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号
网站首页
业务范围
服务案例
投票系统
联系方式
电话联系
网站首页
业务范围
服务案例
投票系统
联系方式
电话联系