html中隔行的代码,js+css 控制表格隔行变色与单行高亮的代码

代码片段：

1，css代码

复制代码代码示例:

table {border-collapse:collapse;border:solid #999;border-width:1px 0 0 1px;}

table td {border:solid #999;border-width:0 1px 1px 0;}

tr.t1 td {background-color:#fff;}/* 第一行的背景色 */

tr.t2 td {background-color:#eee;}/* 第二行的背景色 */

tr.t3 td {background-color:#ccc;}/* 鼠标经过时的背景色 */

tr.t4 td {background-color:#E2EBED;}

2，html内容部分

复制代码代码示例:

11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11

3，javascript代码部分

复制代码代码示例:

var Ptr=document.getElementById("tab").getElementsByTagName("tr");

function $() {

for (i=2;i

Ptr[i-1].className = (i%2>0)?"t1":"t2";

}

window.οnlοad=$;

for(var i=1;i

Ptr[i].οnmοuseοver=function(){

thisthis.tmpClass=this.className;

this.className = "t3";

};

Ptr[i].οnmοuseοut=function(){

thisthis.className=this.tmpClass;

};

}

html中隔行的代码,js+css 控制表格隔行变色与单行高亮的代码相关推荐

html表格鼠标高亮行列,JS实现的表格行鼠标点击高亮效果代码
本文实例讲述了JS实现的表格行鼠标点击高亮效果代码.分享给大家供大家参考,具体如下: 偶尔在看天天基金网净值公告时,从源代码里剥下的一段js代码,感觉比较实用,分享一下(仅IE有效) var high ...
html语言字体上下滚动代码,div+css+jquery公告栏垂直(上下)文字单行滚动特效代码（三种样式）...
网站公告栏一般采用滚动形式,随着jquery的出现,特效做起来更加简单,所以目前大多数网站都有自己的公告栏目,采用文字滚动的形式,今天来分享几个垂直公告文字滚动特效,分别是全面版,常用版,以及极简版! ...
JS+CSS控制左右切换鼠标可控的无缝图片滚动代码
代码简介: 以前见过这种效果,但是是基于FLASH技术,现在是纯用JS实现的,代码有点多,不过效果还不错,实际上它也是一个图片滚动,只不过它完全是用鼠标点击控制的,也就是说鼠标不点击的时候它是静止的, ...
yii2 asset.php,Yii2中使用asset压缩js,css文件的方法_php实例
官网文档 http://www.yiiframework.com/doc-2.0/guide-structure-assets.html yii目录下运行 asset/template assets. ...
JS+CSS打造随屏幕滚动的quick快速导航代码
代码内容: <html> <head> <title>JS+CSS打造随屏幕滚动的quick快速导航代码_网页代码站(www.webdm.cn)</title ...
html表格与CSS控制表格样式
表格是HTML网页中的重要标签,利用表格可以对网页进行排版,使网页信息有条理地显示出来. 这就是一个表格 ,清清楚楚的列出了英雄们的排名. 思维导图 <table>标签用<tabl ...
CSS控制表格——制作日历
表格是网页上最常见的元素,除了用它来显示数据,还常被用来排版.这一次我们就来学习如何用CSS控制表格.一.表格中的标记表格(<table>标记)在最初HTML设计时,仅仅是用来存放各种数据 ...
CSS控制表格的方法
现在的网页都是DIV+CSS来布局的,table布局时代早已经结束了,那table还能干什么呢? 当然是现实数据了,这才是他的本事! 表格框架要和CSS分离,还table纯结构,需要琢磨一下,下面是一 ...
html鼠标滚动效果代码,JS+CSS实现大气清新的滑动菜单效果代码
本文实例讲述了JS+CSS实现大气清新的滑动菜单效果代码.分享给大家供大家参考,具体如下: 这是一款比较大气清新的滑动导航菜单,CSS和JavaScript配合完成,鼠标放到一级菜单上,会滑出二级的菜 ...

html中隔行的代码,js+css 控制表格隔行变色与单行高亮的代码

html中隔行的代码,js+css 控制表格隔行变色与单行高亮的代码相关推荐

最新文章

热门文章

11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11

11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11

11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11
11	11	11