表格隔行换色+鼠标经过变色(ie6,ie7,ff)

最新推荐文章于 2024-09-17 21:44:43 发布
最新推荐文章于 2024-09-17 21:44:43 发布
阅读量1.1k 收藏
点赞数
分类专栏： 网站建设 文章标签： ie function 测试 table xhtml class
<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style language="text/css">
/*第一种颜色*/
#table tr.color1{
background-color:#FFFFFF;
}
/*第二种颜色*/
#table tr.color2{
background-color:#F8F8F8;
}
</style>
<script type="text/javascript">
<!--
function onloadEvent(func){
var one=window.onload
if(typeof window.onload!='function'){
window.οnlοad=func
}
else{
window.οnlοad=function(){
one();
func();
}
}
}
function showtable(){
var tableid='table'; //表格的id
var overcolor='#FCF9D8'; //鼠标经过颜色
var color1='#FFFFFF'; //第一种颜色
var color2='#F8F8F8'; //第二种颜色
var tablename=document.getElementById(tableid)
var tr=tablename.getElementsByTagName("tr")
for(var i=1 ;i<tr.length;i++){
tr[i].οnmοuseοver=function(){
this.style.backgroundColor=overcolor;
}
tr[i].οnmοuseοut=function(){
if(this.rowIndex%2==0){
this.style.backgroundColor=color1;
}else{
this.style.backgroundColor=color2;
}
}
if(i%2==0){
tr[i].className="color1";
}else{
tr[i].className="color2";
}
}
}
onloadEvent(showtable);
-->
</script>
</head>
<body id="" class="">
<table width="100%" border="0" cellspacing="1" cellpadding="4" class="list" name="table" id="table">
<thead>
<tr>
<th>流程</th>
<th>启动人</th>
<th>启动时间</th>
<th>状态</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="">测试行</a></td>
<td>无</td>
<td>2008-05-09 17:21:04</td>
<td>结束</td>
</tr>
<tr>
<td><a href="">测试行</a></td>
<td>无</td>
<td>2008-05-09 17:21:04</td>
<td>结束</td>
</tr>
<tr>
<td><a href="">测试行</a></td>
<td>无</td>
<td>2008-05-09 17:21:04</td>
<td>结束</td>
</tr>
<tr>
<td><a href="">测试行</a></td>
<td>无</td>
<td>2008-05-09 17:21:04</td>
<td>结束</td>
</tr>
<tr>
<td><a href="">测试行</a></td>
<td>无</td>
<td>2008-05-09 17:21:04</td>
<td>结束</td>
</tr>
<tr>
<td><a href="">测试行</a></td>
<td>无</td>
<td>2008-05-09 17:21:04</td>
<td>结束</td>
</tr>
<tr>
<td><a href="">测试行</a></td>
<td>无</td>
<td>2008-05-09 17:21:04</td>
<td>结束</td>
</tr>
<tr>
<td><a href="">测试行</a></td>
<td>无</td>
<td>2008-05-09 17:21:04</td>
<td>结束</td>
</tr>
<tr>
<td><a href="">测试行</a></td>
<td>无</td>
<td>2008-05-09 17:21:04</td>
<td>结束</td>
</tr>
<tr>
<td><a href="">测试行</a></td>
<td>无</td>
<td>2008-05-09 17:21:04</td>
<td>结束</td>
</tr>
</tbody>
</table>
</body>
</html>
piperzero
关注
专栏目录
jq鼠标经过变色
u013223091的专栏
03-19 1298
$(document).ready(function() { // $("li").bind("mouseover", function(){ // $(this).css("color","red"); //});bind可以该on $("li").mouseover(function () { $(this).css("color
超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff)
weixin_34239592的博客
11-09 65
http://bbs.blueidea.com/thread-2855600-1-1.html 转载于:https://www.cnblogs.com/CB/archive/2008/11/09/1329952.html
表格隔行换色+鼠标点击变色 JS版，IE7，FF，OPERQ测试通过
anjichan4261的博客
10-21 98
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-CN" /> <meta content="all" name="robots" /> <meta n...
超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff) (转)
恭喜姐姐
01-31 135
超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff) 收藏 前几天由于工作需要,要对一个表格进行隔行换色,还要加上鼠标经过效果,但是表格由程序生成,如果在tr标签中添加onmouseover,onmouseout效果的话工作量很大,遂尝试用js实现以上功能,唯一要对表格做的改动就是给table标签加上id. 从网上搜索了很多方法,几乎都是对tr标签进行修改,还好找到了一个完全通过js实现隔行换...
隔行换色+鼠标经过变色(ie6,ie7,ff)
weixin_33896069的博客
05-26 80
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-CN" /> <meta content="all" name="robots" /> <meta name="auth...
超简单表格隔行换色+鼠标点击变色(改成JS版，IE7，FF，OPERQ测试
iteye_6767的博客
05-28 268
详细请点击：http://www.verydemo.com/demo_c101_i64997.html   原来写过一个IE仅有的，现在将其改成JS版，IE7，FF，OPERQ测试通过http://bbs.blueidea.com/viewthread.php?tid=2552061&amp;page=1#pid2555108以下是HTML网页特效代码，点击运行按钮可查看效果： 以...
表格隔行变色并悬停变色 兼容IE FF
菜刀舞的快一点，武林高手也是难以近身的。
04-03 137
&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;&lt;title&gt;mytable&lt;/title&gt;&lt;script language="JavaScript"&gt; // src=&q
CSS控制表格隔行变色与鼠标滑过变色
weixin_30674525的博客
09-23 247
（1）用expression 鼠标滑过变色： <style type="text/css"><!-- table { background-color:#000000; cursor:hand; width:100%; }td { onmouseover: expression(onmouseover=function (){this.style.borderColor =...
JQuery&CSS;&CSS;+DIV实例大全.rar
08-13
综合jquery实现表格隔行换色和鼠标经过提示效果源码 7)日历插件 1.jQuery简洁漂亮点阵数字时钟显示日期的插件 2.一款简单jQuery日历选择器代码 3.基于jquery实现倒计时钟插件下载,Flip-Down Clock特效效果 ...
【JavaScript】17 - DOM
郑SaScha的博客
07-28 268
关于DOM的介绍
Python+Pytest框架,“conftest.py文件编写如何获取token和获取日志“？
wuwei13798642的博客
09-14 432
Python+Pytest框架,“conftest.py文件编写如何获取token和获取日志“？
面试真题 | web自动化关闭浏览器，quit()和close()的区别
NHB234567的博客
09-13 409
关闭所有的浏览器窗口，销毁driver操作，则需要使用的是quit方法；当打开了多个窗口，只想要关闭非最后一个窗口的时候，使用的是close方法。这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你！close():只关闭当前的浏览器标签页，如果当前浏览器标签页剩下最后一个，则所有标签页面退出。是否编写过对应浏览器退出的测试用例。quit():所有的浏览器窗口退出。关闭当前的标签页，其他窗口不退出。退出当前所有的窗口；
软件测试方法及其应用概述
最新发布
懒人w的博客
09-17 521
系统测试是对整个系统进行的全面测试，通常采用黑盒测试，检验系统是否符合需求规格说明。系统测试的过程复杂，涉及多轮回归测试，以确保所有需求功能的正确实现，并且所有缺陷都得到解决。常见的性能测试包括负载测试和压力测试，负载测试旨在检测系统在不同负载下的性能变化，压力测试则用于确定系统的瓶颈，测试其最大承载能力。Web 测试包括链接测试、表单测试等，确保应用程序的功能和用户交互能够正常运行。测试表单的完整性和正确性，检查默认值是否正确，表单是否只接受特定值等，确保用户与系统交互的正常运作。
【二分查找】1348. 推文计数
闻缺陷则喜何志丹
09-13 697
一家社交媒体公司正试图通过分析特定时间段内出现的推文数量来监控其网站上的活动。这些时间段可以根据特定的频率（ 每分钟 、每小时 或 每一天 ）划分为更小的 时间段 。 例如，周期 [10,10000] （以 秒 为单位）将被划分为以下频率的 时间块 : 每 分钟 (60秒 块)： [10,69], [70,129], [130,189], ..., [9970,10000] 每 小时 (3600秒 块)：[10,3609], [3610,7209], [7210,10000] 每 天 (86400秒 块)：
白盒测试与黑盒测试
yang_xs的博客（只讲干货）
09-14 1058
特性白盒测试黑盒测试测试视角了解软件内部结构，关注代码细节不了解内部结构，只关注功能和界面测试内容测试代码逻辑、路径、数据流测试软件功能、性能、用户界面测试方法语句覆盖、分支覆盖、路径覆盖等价类划分、边界值分析、错误推测优点发现代码中的隐藏错误，提高代码质量贴近用户操作，发现功能缺陷缺点测试范围有限，难以发现外部接口问题无法发现内部逻辑错误，需大量测试用例白盒测试和黑盒测试通常结合使用白盒测试侧重于代码的正确性黑盒测试则模拟用户操作，验证软件的功能性。+++
转行软件测试工程师经验总结
2402_84109700的博客
09-12 575
数据安全官，CCRC-DSA数据安全评估师，CCRC-DCO数据合规官，CDO首席数据官, ITSS IT服务项目经理，IT服务项目工程师，ISO27001,CISP,软考,CISAW应急服务方向,CISAW渗透测试方向,软考,CCSC网络安全能力,工信部教考中心计算机网络安全相关认证办理。在测试理论方面，要熟悉常用的测试用例设计方法，理解不同测试类型的特点，掌握测试用例的基本格式，以及测试结束的标准。最终，我如愿以偿地加入了一家互联网公司，这里的办公环境优越，薪资也较之前的工作有所提升，使我心情愉悦。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值