国产激情网址,亚洲一区二区久久,一区二区三区精品

針對table,div隔行變色的JS方法

網(wǎng)絡(luò) 2009/8/24 8:24:00 深山行者字體:大中小瀏覽 15973

針對table,div隔行變色的JS方法

以下為詳細(xì)代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>無標(biāo)題文檔</title> 
</head> 
<style> 
.mytable {border-collapse:collapse;border:solid #6AA70B;border-width:0px 0 0 0px; width:50%} 
.mytable ul li { padding-top:7px;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;} 
.mytable ul li a{ float:left} 
.mytable ul li span{ float:right} 
.mytable ul li.t1 {background-color:#EFFEDD;}/* 第一行的背景色 */ 
.mytable ul li.t2{background-color:#ffffff;}/* 第二行的背景色 */ 
.mytable ul li.t3 {background-color:#D2FCA0;}/* 鼠標(biāo)經(jīng)過時的背景色 */ 
</style> 
<br /><br /><br /> 
<div class=mytable id=tab> 
<ul> 
<li><a href="#">這個是第1行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個是第2行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個是第3行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個是第4行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個是第5行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個是第6行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個是第7行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個是第8行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個是第9行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
</ul></div><script type="text/javascript"> 
 
</script>

以下為詳細(xì)代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>無標(biāo)題文檔</title> 
</head> 
<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 {padding-top:5px;text-indent:2em;list-style:none;background:url(http://www.blueidea.com/img/common/new.gif) #D2FCA0 3px 50% no-repeat;border-bottom:#6AA70B 1px dotted ;font-family: "Verdana,宋體";font-size: 12px;color:#008000;text-align:left;height:25px;}/* 鼠標(biāo)經(jīng)過時的背景色 */ 
</style> 
<br /><br /><br /> 
<div align="center"> 
<div   id="2ewcou2my"   class=mytable id=tab> 
<ul> 
<li><a href="#">這個是第1行的文字，大家看清楚了</a></li> 
<li><a href="#">這個是第2行的文字，大家看清楚了</a></li> 
<li><a href="#">這個是第3行的文字，大家看清楚了</a></li> 
<li><a href="#">這個是第4行的文字，大家看清楚了</a></li> 
<li><a href="#">這個是第5行的文字，大家看清楚了</a></li> 
<li><a href="#">這個是第6行的文字，大家看清楚了</a></li> 
<li><a href="#">這個是第7行的文字，大家看清楚了</a></li> 
<li><a href="#">這個是第8行的文字，大家看清楚了</a></li> 
<li><a href="#">這個是第9行的文字，大家看清楚了</a></li> 
</ul></div><script type="text/javascript"> 
 
</script>

前一頁:利用javascript鼠標(biāo)經(jīng)過表格，行與列變色

后一頁:可以用作后臺的超級強的變色表格

相關(guān)閱讀: div默認(rèn)高度根據(jù)內(nèi)容自動適應(yīng)高度; asp在線把整站打包成為.mdb形式文件; 旅行社網(wǎng)站模板11; 下載微信小程序; flash關(guān)閉動畫時同時關(guān)閉網(wǎng)頁的代碼; 理解css里的!important是什么意思?; 愛尚學(xué)生網(wǎng); uni-app微信小程序分享微信好友與分享到朋友圈功能

共有0條關(guān)于《針對table,div隔行變色的JS方法》的評論: 發(fā)表評論

正在加載評論......

返回頂部發(fā)表評論

呢稱:
表情:
內(nèi) 容:	評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗證碼:

網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負(fù)責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號開發(fā); uni-app; asp函數(shù)庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: 用javscript實現(xiàn)為表格的每一行自動加上序號; 鼠標(biāo)放在表格區(qū)域內(nèi)，當(dāng)前格的一整行和一整列變色; 鼠標(biāo)經(jīng)過表格列時變色; javascript表格內(nèi)移動上下列，可以做成ajax加上動態(tài)程序做成上下移動順序; 利用javascript鼠標(biāo)經(jīng)過表格，行與列變色; 針對table,div隔行變色的JS方法

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現(xiàn)：無法載入您的Firefox配置文件它可能已經(jīng)丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 鄭州廿四旅游; DW設(shè)置之后更好用 DreamweaverCS編輯GB2312與UTF-8文件在代碼視圖中點擊鼠標(biāo)錯位問題的解決辦法; ASP.NET AJAX的應(yīng)用; 性感的CSS菜單(Menus); 耒陽華天國際旅行社; ul,li設(shè)置新聞列表,超出范圍對象,自動隱藏

更多標(biāo)簽熱門標(biāo)簽

倒計時管理系統(tǒng) letter-spacing 墻深山旅游網(wǎng)站管理系統(tǒng)V1.0 配色 JS效果管理 asp 滑過 ewebeditor 邊框 html 排版日歷 Dreamweaver 源文件 FlashFxp float 論壇 VBScript 邊界重疊電影獲取 iis 購物彈窗 getElementById 還原省略用戶體驗隨機 time 重復(fù) 故事按鈕網(wǎng)站地圖 CAD 插件右擊失效創(chuàng)建訪問量字符省市縣滑動 Excel Word 框移 Java

能看的av_午夜黄色av_在线观看国产视频_天天爱综合_国产精品亚洲成在人线_日韩一

針對table,div隔行變色的JS方法