波多野结衣在线观看免费区,流白浆要喷水了,日产一区日产2区2022

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

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

針對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="w00qskkue0g"   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鼠標經過表格，行與列變色

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

相關閱讀: 利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明; 如何徹底卸載電腦里你不想用的軟件; 模仿as效果的跳動導航菜單; 幾個經典的css技巧; Web標準中XHTML的代碼規范; asp之自動閉合HTML標簽函數; uni-app基礎知識數據綁定; asp簡繁體轉換函數（含3500漢字對照表）

共有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還有其它的嗎

更多>>隨機抽取信息: 汽車交易網站; 旅行社手機網站模板8; 山西出國服務網; 倒計時廣告/始終保持在網頁中部; 兼容ie6+和火狐的禁止右鍵; 深山行者留言系統V1.0 (簡稱深山留言V1.0)

更多標簽熱門標簽

hidden open 效果記錄游戲在線查找百度簡易 ie7 柱狀圖變化 html rad 超出 blog 設為首頁 css DropShadow 舒服 IP 加密導出創建天氣預報狀態欄 border 網頁 Application 過濾絕對添加單選首頁參數 tag eof 頁面繁體 png 項目經典的半透明 exe 重復文件浮動頂部 confirm overflow

伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

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

伦理片hd-伦理片在线播放-伦理片在线-伦理免费在线观看-综合图片区-综合婷婷