收集整理的一套隔行換色和劃過換色代碼
2011/10/9 14:24:09
有選中隔行變色鼠標劃過變色表格特效 li.t1 {background-color:#fff;}/* 交替行第一行的背景色 */ li.t2 {background-color:#eee;}/* 交替行第二行的背景色 */ li.t3 {background-color:#ccc;}/* 鼠標經過時的背景色 */ http://www.baidu.com szzdc@163.com http://www.baidu.com szzdc@163.com http://www.baidu.com szzdc@163.com 代碼如下: <!DOCTYPE HTML>
<html>
<head>
<meta charset="gbk" />
<title>有選中隔行變色鼠標劃過變色表格特效</title>
<style type="text/css">
li.t1 {background-color:#fff;}/* 交替行第一行的背景色 */
li.t2 {background-color:#eee;}/* 交替行第二行的背景色 */
li.t3 {background-color:#ccc;}/* 鼠標經過時的背景色 */
</style>
</head>
<body>
<ul id="tab">
<li>http://www.baidu.com</li>
<li>szzdc@163.com</li>
<li>http://www.baidu.com</li>
<li>szzdc@163.com</li>
<li>http://www.baidu.com</li>
<li>szzdc@163.com</li>
</ul>
<script type="text/javascript">
<!--
var Ptr=document.getElementById("tab").getElementsByTagName("li");
function $() {
for (i=1;i<Ptr.length+1;i++) {
Ptr[i-1].className = (i%2>0)?"t1":"t2";
}
}
window.onload=$;
for(var i=0;i<Ptr.length;i++) {
Ptr[i].onmouseover=function(){
this.tmpClass=this.className;
this.className = "t3";
};
Ptr[i].onmouseout=function(){
this.className=this.tmpClass;
};
}
//-->
</script>
</body>
</html>
返回列表
返回首頁
主站蜘蛛池模板:
99久久久国产精品免费牛牛
|
亚洲国产精品一区二区久久|
精品国产va久久久久久久冰|
国产免费131美女视频|
把女人的嗷嗷嗷叫视频软件|
在线播放亚洲精品|
一级一级18女人毛片|
日产精品99久久久久久|
久久精品视频热|
欧美专区在线播放|
亚洲欧美一级久久精品|
用电动玩具玩自己小视频|
啊好深好硬快点用力别停免费视频|
韩国演艺圈悲惨133bd|
国产欧美日韩另类精彩视频|
69xx免费观看视频|
在线观看老湿视频福利|
а√最新版地址在线天堂|
成年1314在线观看|
久久亚洲AV午夜福利精品一区|
最近更新中文字幕第一页|
亚洲国产日韩a在线播放|
永久久久免费浮力影院|
人妻无码aⅴ不卡中文字幕|
精品久久久久久成人AV|
啊轻点灬太粗嗯太深了宝贝|
西西人体免费视频|
日本卡一卡二新区|
亚洲AV福利天堂一区二区三|
欧美日本高清在线不卡区|
亚洲网站视频在线观看|
男女做爽爽视频免费观看|
午夜a级理论片在线播放|
美女视频黄a视频全免费网站色|
国产乱妇乱子视频在播放|
麻豆va一区二区三区久久浪|
国产成人综合久久亚洲精品|
一二三四社区在线高清观看在线
|
中国猛少妇色XXXXX|
无码人妻熟妇av又粗又大|
久久亚洲精品人成综合网|