鼠标放在表格区域内，当前格的一整行和一整列变色 -- [表格特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

鼠标放在表格区域内，当前格的一整行和一整列变色

网络 2014/9/10 9:14:15 网络字体:大中小浏览 19671

以下为详细代码

<!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实现为表格的每一行自动加上序号

后一页:鼠标经过表格列时变色

相关阅读: 针对table,div隔行变色的JS方法; fiddler抓包在内容的SyntaxView窗口里面是乱码; 旅行社线路主题默认模板1; CSS中word-wrap属性同word-break属性的两者在中英文混排时的区别; ASP留言板IP或IP段限制与限制留言次数; 实现iis6与iis7环境下支持mp4视频随意拖动、预览播放、边下载边播放; 旅行社手机网站模板2; 调整CSS类型的顺序改变链接翻滚效果

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: asp计算器; Appium获取手机分辨率 & 自适应设备下滑刷新; 字体放大效果，字体[大][中][小]; uni-app开发表单input组件的一些规则说明自己预留使用; 非常不错的支持各种浏览器的简易调色板; python错误yntaxError: Non-UTF-8 code starting with '\xd3' in file 文件.py but no encoding declared

更多标签热门标签

转换 open 正则默认高度动态繁体 visite 无限右键 png24 常用购物命名评论告叛断布局选项卡 class 遍历网页制作奋斗 form 深山v1.0旅行社网站管理系统颜色行号文本框黑白 flash 竖排格式访问量 openwin 心情 border 滚动 body 关联 function 保护眼睛的电脑色 text 网站相册 css 网易框架许愿表单初级 vista