国产福利在线,欧美二区精品,国产精品免费一区二区三区四区

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

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

針對(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>無(wú)標(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)過(guò)時(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>無(wú)標(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)過(guò)時(shí)的背景色 */ 
</style> 
<br /><br /><br /> 
<div align="center"> 
<div   id="lhv3xn553v"   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>

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

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

相關(guān)閱讀: 深山旅行社管理系統(tǒng)開(kāi)源嗎？; FLASH中加入LOADING的最簡(jiǎn)便方法; Javascript腳本常用代碼; 旅行社線路主題默認(rèn)模板5; innerHTML動(dòng)態(tài)改變ID的CSS樣式表; 網(wǎng)站首頁(yè)head區(qū)代碼規(guī)范; 凹陷文字; asp利用XMLHTTP加載動(dòng)態(tài)頁(yè)面并且生成靜態(tài)頁(yè)面

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

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

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

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

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

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

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

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

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

更多>>隨機(jī)抽取信息: 深山旅行社網(wǎng)站管理系統(tǒng) v1.6; 標(biāo)準(zhǔn)版下拉菜單; 放心會(huì)計(jì); 仿taobao效果拼音字母檢索功能; 深山行者個(gè)人網(wǎng)站程序V0.1; 深山工作室

更多標(biāo)簽熱門(mén)標(biāo)簽

收藏夾 exe 預(yù)覽多選框日歷站長(zhǎng) 錯(cuò)誤管理 rad 文字樣式漸變 document 增大 FireFox 表格函數(shù) 層 Session 選項(xiàng)卡 base 放大文字垂直居中 script 項(xiàng)目風(fēng)格網(wǎng)站地圖導(dǎo)出 Excel 簡(jiǎn)易相冊(cè) 左右全 input onload Cookie FTP 浮動(dòng)對(duì)象圖片上傳 DIV+CSS做的透明菜單兼容IE、FF等 form 采集 shift 應(yīng)用 innerText 定制查找 DOCTYPE 緩沖 windows 半透明模仿天氣預(yù)報(bào)

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

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