这是个经常遇到的问题。
例如表格。
我在效果图中设计的是 单数行 白色 双数行 浅蓝色。
那么在页面中应该如何实现呢?
其实就是tr标签 单数、双数 的bgcolor 不一样。
再进一步 我们定义两个class .c1 .c2 让页面中表格 tr 分单数行 和双数行 分别调用 c2 c1即可。
那么具体应该怎么来做呢。
哎···· 还是js啊!
看下边
<script language="JavaScript" type="text/javascript">
window.onload = colorRows; //当页面被加载 执行colorRows函数
function colorRows() {
var myTR = document.getElementsByTagName('tr'); //得到页面中所有tr标签。
for (var i=0;i<myTR.length;i++) { //有多少个标签就循环多少次
if (i%2) {//如果可以被2整除(双数)的执行下边
myTR[i].className = 'c1'; //赋予双数行的tr样式为c1
}else{//如果不可以被2整除的(单数)执行这个
myTR[i].className = 'c2';//赋予单数数行的tr样式为c2
}
}
}
</script>
这样 我们分别定义了 c1和c2的背景颜色 就ok了
例如表格。
我在效果图中设计的是 单数行 白色 双数行 浅蓝色。
那么在页面中应该如何实现呢?
其实就是tr标签 单数、双数 的bgcolor 不一样。
再进一步 我们定义两个class .c1 .c2 让页面中表格 tr 分单数行 和双数行 分别调用 c2 c1即可。
那么具体应该怎么来做呢。
哎···· 还是js啊!
看下边
<script language="JavaScript" type="text/javascript">
window.onload = colorRows; //当页面被加载 执行colorRows函数
function colorRows() {
var myTR = document.getElementsByTagName('tr'); //得到页面中所有tr标签。
for (var i=0;i<myTR.length;i++) { //有多少个标签就循环多少次
if (i%2) {//如果可以被2整除(双数)的执行下边
myTR[i].className = 'c1'; //赋予双数行的tr样式为c1
}else{//如果不可以被2整除的(单数)执行这个
myTR[i].className = 'c2';//赋予单数数行的tr样式为c2
}
}
}
</script>
这样 我们分别定义了 c1和c2的背景颜色 就ok了
两个有用的bat文件。清
Linux 用户(use


2008/03/19 12:57 | by 


