JS 隔行变色
来源:互联网 发布:棉花加工检验数据平台 编辑:程序博客网 时间:2024/06/05 21:16
window.onload=function(){
var oUl=document.getElementById('ul1');
var aLi=oUl.getElementsByTagName('li');
for(var i=0; i< aLi .length; i++) {
if(i%2==0) //取模 求余数
{
aLi[i].style.background='red';
}
}
}
</script>
<ul id="ul1">
<li>webtall</li>
<li>webtall</li>
<li>webtall</li>
<li>webtall</li>
<li>webtall</li>
</ul>
<head runat="server">
<title></title>
<script type="text/javascript">
window.onload = function () {
var otab = document.getElementById('tab1');
var thiscolor = '';
for (var i = 0; i < otab.tBodies[0].rows.length; i++) {
otab.tBodies[0].rows[i].onmouseover = function () {
thiscolor = this.style.background;
this.style.background = '#00FFFF';
};
otab.tBodies[0].rows[i].onmouseout = function () {
this.style.background = thiscolor;
};
if (i % 2) {
otab.tBodies[0].rows[i].style.background = '';
}
else {
otab.tBodies[0].rows[i].style.background = '#FFFF00';
}
}
};
</script>
- JS 隔行变色
- JS 隔行变色
- JS隔行变色
- js表格隔行变色
- js 实现隔行变色
- JS实现隔行变色
- js隔行变色
- js隔行变色
- js隔行变色
- js[隔行变色]
- js 改变table 隔行变色
- 隔行变色【js及JQuery】
- js实现隔行变色-------Day40
- JS控制table隔行变色
- JS-表格隔行变色效果
- 原生js实现隔行变色
- 原js的隔行变色
- js 隔行变色 鼠标悬浮变色 双击变色
- Android中Touch事件的总结
- java 微信平台开发80端口映射
- struts2中的日期期输入显示问题
- hdu4777 Rabbit Kingdom
- 数据处理---JVM监控
- JS 隔行变色
- File类Path类Directory类常用方法-附绝对及相对地址
- C# 实现 FTP 上报
- linux下Oracle Instant Client安装(rpm、zip)
- 《android 学习》一、Activity的生命周期
- Java学习笔记(四)修饰符及访问权限
- HDU 2546 饭卡(01背包)
- 解决Android帧动画在Oncreate中启动只显示第一帧
- java集合类TreeMap和TreeSet及红黑树