91理论电影在线观看,综合欧美精品,欧美人体大胆444www

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

網絡 2009/8/24 8:24:00 深山行者字體:大中小瀏覽 16114

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

以下為詳細代碼

<!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>無標題文檔</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;}/* 鼠標經過時的背景色 */ 
</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>

以下為詳細代碼

<!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>無標題文檔</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;}/* 鼠標經過時的背景色 */ 
</style> 
<br /><br /><br /> 
<div align="center"> 
<div   id="6zmblmr"   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鼠標經過表格，行與列變色

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

相關閱讀: uni-app基礎知識數據綁定; 支持win7的node.js版本; 深山留言板系統(七夕情人節專用) v3.7; 你們這個系統太專業，很復雜？; CSS Alpha透明代碼相關知識學習; 01. windows xp 安裝iis視頻教程; 利ASP里的FOS導出WORD或Excel文檔(本人測試成功); 利用CSS中的Clip屬性來創造各種多彩的文字

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

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

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

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

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

更多>>同類信息: 用javscript實現為表格的每一行自動加上序號; 鼠標放在表格區域內，當前格的一整行和一整列變色; 鼠標經過表格列時變色; javascript表格內移動上下列，可以做成ajax加上動態程序做成上下移動順序; 利用javascript鼠標經過表格，行與列變色; 針對table,div隔行變色的JS方法

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

更多>>隨機抽取信息: 深山行者留言系統V2.2 .1 更新下載; 淘寶產品首字母類別效果; 旅行社網站模板默認風格5; 購物時某件商品倒計時銷售非常不錯; ASP利用fso讀取文件夾里所有文件的名字; 深山行者留言系統V3.1

更多標簽熱門標簽

box filter font-size 購物利用position把div放在flash上告深山 Javascript實現CSS代碼高亮顯示1 V3.1 緩沖 126 增大 link 焦點 qq right 天氣預報 select 破解邊框 option 字節數色彩 getElementById 漢字客戶端生成器半透明組件 PSD 代碼 css open 素材 vista 透明墻斷線 loading position 營銷叛斷 window 密碼分頁表達式 submit mssql 工作青春三級關于我們