乖女的小奶水h公,操操影视,国产在线一二区

針對(duì)table,div隔行變色的JS方法

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

針對(duì)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)過時(shí)的背景色 */ 
</style> 
<br /><br /><br /> 
<div class=mytable id=tab> 
<ul> 
<li><a href="#">這個(gè)是第1行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個(gè)是第2行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個(gè)是第3行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個(gè)是第4行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個(gè)是第5行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個(gè)是第6行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個(gè)是第7行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個(gè)是第8行的文字，大家看清楚了</a><span>2007-11-20</span></li> 
<li><a href="#">這個(gè)是第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)過時(shí)的背景色 */ 
</style> 
<br /><br /><br /> 
<div align="center"> 
<div   id="qas2s02"   class=mytable id=tab> 
<ul> 
<li><a href="#">這個(gè)是第1行的文字，大家看清楚了</a></li> 
<li><a href="#">這個(gè)是第2行的文字，大家看清楚了</a></li> 
<li><a href="#">這個(gè)是第3行的文字，大家看清楚了</a></li> 
<li><a href="#">這個(gè)是第4行的文字，大家看清楚了</a></li> 
<li><a href="#">這個(gè)是第5行的文字，大家看清楚了</a></li> 
<li><a href="#">這個(gè)是第6行的文字，大家看清楚了</a></li> 
<li><a href="#">這個(gè)是第7行的文字，大家看清楚了</a></li> 
<li><a href="#">這個(gè)是第8行的文字，大家看清楚了</a></li> 
<li><a href="#">這個(gè)是第9行的文字，大家看清楚了</a></li> 
</ul></div><script type="text/javascript"> 
 
</script>

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

后一頁:可以用作后臺(tái)的超級(jí)強(qiáng)的變色表格

相關(guān)閱讀: CSS編寫中靈活運(yùn)行注釋的意義; asp利用dateadd獲得上個(gè)月、本月、下個(gè)月的第一天和最后一天; 在服務(wù)器上新建網(wǎng)站，在服務(wù)器用域名能訪問，但是外網(wǎng)訪問不了的解決辦法; asp獲取漢字拼音的第一個(gè)字母; CSS中word-wrap屬性同word-break屬性的兩者在中英文混排時(shí)的區(qū)別; 純CSS制作的網(wǎng)頁中的lightbox效果; 靜態(tài)網(wǎng)站利用微信URL Scheme生成的ticket從瀏覽器h5跳到微信小程序完整代碼; 利用javascript鼠標(biāo)經(jīng)過表格，行與列變色

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

正在加載評(píng)論......

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

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

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

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

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

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

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

更多>>隨機(jī)抽取信息: 旅行社線路主題默認(rèn)模板4; 2012-7-20升級(jí)部分; 非常不錯(cuò)的DIV+CSS做得菜單,跟JS效果一樣,特別酷; 深山留言板 v7.0.1 bulid2014.11.15更新; 通過XMLHTTP檢查網(wǎng)站能否打開; 百度蜘蛛飼養(yǎng)技巧

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

文本框陰影效果 list 單選倒計(jì)時(shí) li 圓角項(xiàng)目提示控制轉(zhuǎn)換超出格式網(wǎng)易混合 filter 像素字節(jié)數(shù) 企業(yè) 比例浮動(dòng) option CSS規(guī)范案例 outerHTML 強(qiáng)度位置首頁 dt 靜態(tài) 網(wǎng)頁強(qiáng)聊查找 onmouserout 復(fù)選框 rss 緩存 126 text 上傳 Excel 評(píng)論左右關(guān)鍵詞展示生成器面板對(duì)話框 windows 人生

国产免费av片在线观看-国产免费av观看-国产免费av电影-国产免费a-四虎网站在线观看-四虎网站在线

針對(duì)table,div隔行變色的JS方法