table美化-鼠标滑动单元格变色
您现在的位置: 学网 >> 网页设计 >> Html >> 正文
Html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "<a href="http://www.w3.org/TR/html4/strict.dtd" target="_blank">http://www.w3.org/TR/html4/strict.dtd</a>">
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>orbitz-like behavior for hovering over table cells</title>
<style type="text/css">
.cssguycomments {background:#eee;border:#ddd;padding:8px;margin-bottom:40px;}
.cssguycomments p {font:normal 12px/18px verdana;}

table    {border-collapse:collapse;}
thead th {
    font:bold 13px/18px georgia;
    text-align:left;
    background:#fff4c6;
    color:#333;
    padding:8px 16px 8px 8px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}


thead th.null {background:#fff;}
tbody th {
    font:bold 12px/15px georgia;
    text-align:left;
    background:#fff9e1;
    color:#333;
    padding:8px;
    border-bottom:1px solid #f3f0e4;
    border-right:1px solid #fff;
}
tbody td {
    font:normal 12px/15px georgia;
    color:#333;
    padding:8px;
    border-right:1px solid #f3f0e4;
    border-bottom:1px solid #f3f0e4;
}
/*  这3个是关键   –cssrain.cn */
tbody td.on {background:green;}  
thead th.on {background:red;}
tbody th.on {background:red;}
</style>

<script type="text/javascript">
/*
For functions getElementsByClassName, addClassName, and removeClassName
Copyright Robert Nyman, <a href="http://www.knowsky.com" target="_blank">http://www.knowsky.com</a>
Free to use if this text is included
*/
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != ‘function’) {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

function getElementsByClassName(className, tag, elm){
    var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
    var tag = tag || "*";
    var elm = elm || document;
    var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
    var returnElements = [];
    var current;
  &n

1
学网·特别声明:
本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。本站所有文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题,请联系编辑人员Xababy#Gmail.com,我们尽快予以更正。
设为首页 - 收藏学网 - 关于学网 - RSS订阅 - 版权申明 - 友情链接 - 联系学网 - 网站地图 - 投稿学网
学网·2003-2008版权所有
© CopyRight 2004-2008 WwW.Xue5.CoM.Inc All Rights Reserved
合作、联系E-Mail:cainiaoo.cn#live.cn QQ:1103290,329700200

学网_致力于电脑使用知识、软件操作知识以及互联网应用知识的普及
陕ICP备05000834号