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

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

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

以下为详细代码

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

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

相关阅读: div中的图片链接居中的问题; 深圳市假日通国际旅行社有限公司; GOOGLE百度破解，网站优化SEO最终详解; window.location.href在firefox火狐中不兼容的解决办法; ASP和AJAX应用一例,检测注册用户是否有效; 舞阳风情旅行社; 把网页中的电话号码生成图片的ASP程序; ASP链接地址栏参数的加密

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

更多>>随机抽取信息: CSS光标属性一览表; uni.openLocation打开地图导航没反应解决方式（参数都设置对就是打不开）; 胶球清洗; 一个select表单移处数据的效果，非常好用。; ASP取出HTML里面的图片地址的函数; 微信小程序发送给朋友与分享到朋友圈显示灰色的但是按钮分享可以使用

更多标签热门标签

textarea 翻页首页计划查询 input DropShadow 图片彩色 asp 读取模式防止上下左右 ie5.5 旅行社 lightbox 忧化项目断线 pt 案例文件夹 VBScript 文化营销轮流显示背景色阴影效果 Application 渐变 rss 汉字 clear 比例 163 边界重叠蜘蛛设计调用 dreawmeaver 墙导出关键词幻灯 png 过期缓存 web 2.0