网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
表格特效
> 正文
鼠标放在表格区域内,当前格的一整行和一整列变色
网络 2014/9/10 9:14:15 网络 字体:
大
中
小
浏览 22194
以下为详细代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表格的一整行与一整列在鼠标经过时变色 qwbm.com</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> #senfe {width: 300px;height: 300px;border-top: 1px solid #000;border-left: 1px solid #000;} #senfe td {border-right: 1px solid #000;border-bottom: 1px solid #000;} </style> <script type="text/javascript"> window.onload = function(){ var td = document.getElementById("qwbmsenfe").getElementsByTagName("td"); for(var i=0; i<td.length; i++){ td[i].onmouseover = function(){ for(var j=0; j<td.length; j++){ if(td[j].cellIndex==this.cellIndex || td[j].parentElement.rowIndex==this.parentElement.rowIndex){ td[j].style.backgroundColor="#000"; } } } td[i].onmouseout = function(){ for(var j=0; j<td.length; j++){ if(td[j].cellIndex==this.cellIndex || td[j].parentElement.rowIndex==this.parentElement.rowIndex){ td[j].style.backgroundColor=""; } } } } } </script> </head> <body> <table id="qwbmsenfe" width="90%" height="300" border="1" cellspacing="1" cellpadding="1"> <tr><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td><td> </td></tr> </table> aaaaaaa </body> </html>
前一页:
用javscript实现为表格的每一行自动加上序号
后一页:
鼠标经过表格列时变色
相关阅读
Javascript JS 限制复选框的选择个数(3)
DIV+CSS之自动换行
仿taobao效果拼音字母检索功能
用dl、dt、dd制作个性表格
深山行者留言系统V2.3
巧用CSS中的expression来区分只读文本框
连云港五洲旅行社有限公司
各种钱货币字母转换对应的符号
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
用javscript实现为表格的每一行自动加上序号
鼠标放在表格区域内,当前格的一整行和一整列变色
鼠标经过表格列时变色
javascript表格内移动上下列,可以做成ajax加上动态程序做成上下移动顺序
利用javascript鼠标经过表格,行与列变色
针对table,div隔行变色的JS方法
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
旅行社线路主题默认模板5
利用DIV+CSS制作浮动广告
利用javascript做的页内(详细页)搜索功能并将结果高亮突出显示
asp中最难发现的错误由最简单的程序引起
昌平欢乐之旅旅行社
利用asp相关的函数动态更新access数据库
更多标签
热门标签
经典的
返回
提交
sql
innerHTML
深山行者V1.2旅行社网站管理系统
网页制作
深山
iis 安装
百度
调色板
游览器
2003
工具
qq right
计算
第几楼
网站
宽
淘宝
蓝色理想
msn
性能
左 右 全 input
舒服
下载
工作
Application
box
二级
js
Word
超出
移动
div CSS
改变
想
eof
收藏夹
文字垂直居中
珍惜
浮动
absolute
凹陷
长
展开
JS效果
滤镜
适应
letter-spacing
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号