javascript实现的LI列表输出，隔行同色的代码

发布时间：2007-10-17　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

无标题文档.mytable{border-collapse:collapse;border:solid#6AA70B;border-width:0px000px;width:50%;}.mytableulli{padding-top:5px;text-indent:2em;list-style:none;background:url(http://www.blueidea.com/img/common/new_flash.gif)3px50%no-repeat;bo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
</head><body> 
<style> 
.mytable {border-collapse:collapse;border:solid #6AA70B;border-width:0px 0 0 0px;width:50%;} 
.mytable ul li {padding-top:5px;text-indent:2em;list-style:none;background:url(http://www.blueidea.com/img/common/new_flash.gif) 3px 50% no-repeat;border-bottom:#6AA70B 1px dotted ;font-family: "Verdana,宋体";font-size: 12px;color:#008000;text-align:left;height:25px;} 
.mytable ul li.t1 {background-color:#EFFEDD;}/* 第一行的背景色 */ 
.mytable ul li.t2{background-color:#ffffff;}/* 第二行的背景色 */ 
.mytable ul li.t3 {background-color:#D2FCA0;}/* 鼠标经过时的背景色 */ 
</style> 
<body style=margin:0;>

这个是第1行的文字，大家看清楚了 
这个是第2行的文字，大家看清楚了 
这个是第3行的文字，大家看清楚了 
这个是第4行的文字，大家看清楚了 
这个是第5行的文字，大家看清楚了 
这个是第6行的文字，大家看清楚了 
这个是第7行的文字，大家看清楚了 
这个是第8行的文字，大家看清楚了 
这个是第9行的文字，大家看清楚了 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：javascript中的有名函数和无名函数

下一篇：javascript最短的拖动代码[兼容FF]

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

javascript实现的LI列表输出，隔行同色的代码

相关推荐

文章分类

热门关键词

热门文章

最新更新