91欧美在线视频_国产一区二区三区成人_成人一区二区三区在线_黄色在线电影网站_成人.comx8_国产精品一区一区三区

利晶设计机构博客

关注研究网站设计及SEO网站优化技术!致力于为客户提供最专业、最有效的全方面网站设计解决方案。

订阅RSS

CSS样式+JS使用Table隔行变颜色

类别:网站前端开发    时间:2012-05-17

JS代码:

<!--
function onloadEvent(func){
    var one=window.onload
    if(typeof window.onload!='function'){
        window.onload=func
    }
    else{
        window.onload=function(){
            one();
            func();
        }
    }
}
function showtable(){
    var tableid='table';      
    var overcolor='#EEEEEE';   
    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].onmouseover=function(){
            this.style.backgroundColor=overcolor;
        }
        tr[i].onmouseout=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);
-->

CSS样式:

.ContentRight .products .text table{ width: 100%; border-collapse:collapse;}
.ContentRight .products .text table td{ border: 1px solid #ccc; padding-left: 7px; line-height: 21px; }
.ContentRight .products .text table .th td{ background: #E9EAE9; line-height: 25px; font-weight:bold;}
#table tr.color1{ background-color:#fafafa;}
#table tr.color2{ background-color:#fff;}

转载声明:
原载:利晶科技博客 - 关注研究最新网站设计技术及SEO网站优化!
本文链接:http://www.fulifeh.cn/blog/28.html
如需转载必须以链接形式注明原载或原文地址,谢谢合作!

文章分类

服务项目

友情链接

Copyright © 2006-2012 利晶设计机构 版权所有
主站蜘蛛池模板: 国产成人亚洲综合91精品555 | 亚洲激情小视频 | 国产欧美一区二区三区小说 | 国产区在线免费观看 | 国产综合久久一区二区三区 | 午夜性刺激免费看视频 | 日韩草逼视频 | 国产一二区视频 | 国产精品视频男人的天堂 | 大又大又粗又硬又爽少妇毛片 | 女女互磨互喷水高潮les呻吟 | 一区二区三区视频在线观看 | 寂寞骚妇被后入式爆草抓爆 | 久久无码人妻一区二区三区 | 在线日韩麻豆一区 | 亚洲熟女乱综合一区二区 | 玖玖操 | 男女18禁啪啪无遮挡激烈网站 | 日本成年x片免费观看网站 日本成年人视频网站 | 免费人成在线观看视频播放 | 很黄的孕妇a级黄毛片 | 国产又色又爽又黄的免费软件 | 真人无码作爱免费视频禁hnn | 亚洲色成人一区二区三区小说 | 日本中文在线播放 | 中国特级黄一级真人毛片 | 在线 中文字幕 日韩 欧美 | 亚洲自拍偷拍视频 | 99久久国产露脸精品竹菊传媒 | 免费黄色电影在线观看 | 色噜噜视频在线观看 | 丰满熟女高潮毛茸茸欧洲视频 | 九九热精 | 亚洲欧洲精品成人久久曰影片 | a级大胆欧美人体大胆666 | 黄色成人在线 | 国产精品成人免费视频99 | 亚洲一区二区三区av无码 | 全色网站 | 熟女少妇内射日韩亚洲 | 又黄又刺激下面流水的视频 |