91在线视频,国产在线精品一区二区三区,粉嫩av在线

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

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

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

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

相關閱讀: DW設置之后更好用 DreamweaverCS編輯GB2312與UTF-8文件在代碼視圖中點擊鼠標錯位問題的解決辦法; 符合標準的正常工作的對聯廣告(2); 詳談CSS設計中import與link的區別所在; 讓asp立即輸出緩存（Response.flush），實時顯示進度; 仿淘寶網站的導航標簽效果！; uni-app與HTML的標簽變化對比; python里面requests.post返回的res.text還有其它的嗎; 總結一些DIV+CSS制作網頁時容易犯的錯誤

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

更多>>隨機抽取信息: 連云港市海州區培智學校; asp模擬動態加載include file; input輸入框的一些屬性詳解; CSS或js實現行間交替背景色效果; Word圖片導出方法; 深山行者留言系統V3.3發布

更多標簽熱門標簽

注冊表 dt 注冊案例查詢鍵盤變色 sql 定律在線 xml 代碼 time 滾動經典 box lightbox 驗證碼 JavaScript實現文本框提示效果高度滑動關鍵字浮動調節 onblur 緩沖命名虛擬點擊 imprt 硬件柱狀圖定制調色字符顯示 em 翻轉長 filter 漢字 SEO exe 動畫 flush 垂直導出 asasds ie6 居中

99亚洲_成人性视频免费网站_av在线播放网址_免费成人在线网站_亚洲综合婷婷_亚洲一区二区国产

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