yiren22亚洲综合_針對table,div隔行變色的JS方法 -- [表格特效]─ 深山工作室提供網(wǎng)絡(luò )投票系統|微信公眾號投票|微信公眾號小程序|抖音小程序|百度小程序|微信公眾號開(kāi)發(fā)|企業(yè)網(wǎng)站建設

<button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins><button id="nc8ni"><form id="nc8ni"></form></button><form id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></ins><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"> <button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><form id="nc8ni"></form></button><button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><ins id="nc8ni"><form id="nc8ni"></form></ins> <button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"></button><button id="nc8ni"></button>

訂閱本欄目 RSS您所在的位置: 深山工作室 > 表格特效 > 正文

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

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

針對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>無(wú)標題文檔</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;}/* 鼠標經(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>

以下為詳細代碼

<!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ú)標題文檔</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;}/* 鼠標經(jīng)過(guò)時(shí)的背景色 */ 
</style> 
<br /><br /><br /> 
<div align="center"> 
<div   id="va60qrf"   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>

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

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

相關(guān)閱讀: 防網(wǎng)頁(yè)機器人隨處發(fā)帖; 支持IE與firefox(火狐)的css寫(xiě)省略號方法; CSS中word-wrap屬性同word-break屬性的兩者在中英文混排時(shí)的區別; 佳達國際貨運代理有限公司; 靜態(tài)網(wǎng)站利用微信URL Scheme生成的ticket從瀏覽器h5跳到微信小程序完整代碼; windows xp 安裝IIS，設置IIS。; 山西省青年旅行社; JavaScript實(shí)現把漢字轉換為拼音

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

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

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

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

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

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

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

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

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

更多>>隨機抽取信息: 深山工作室; 深山留言板5.0新版; CSS設計符合Web標準的網(wǎng)頁(yè)表單的幾個(gè)技巧; 仿MAC官網(wǎng)導航菜單; 旅行社網(wǎng)站模板3; 國內組團社旅游服務(wù)商建站解決方案

更多標簽熱門(mén)標簽

配色 javascript 購物九宮格上傳 ie7 document 下拉 strong 工作對話(huà)框行號 PSD 網(wǎng)頁(yè) photoshop 樣式文件夾預覽密碼右鍵優(yōu)化叛斷樹(shù)型珍惜加減安裝包留言板保護眼睛的電腦色文本框簡(jiǎn)易 javascri 管理鍵盤(pán) 框移例子 2003 搜索物理增大改變 mssql 下載搜索引擎頂部防止翻轉網(wǎng)易類(lèi)別案例模板

行業(yè)解決方案: 抖音小程序百度小程序微信小程序

了解我們: 關(guān)于深山; 業(yè)務(wù)范圍; 案例展示中心; 聯(lián)系我們; 網(wǎng)站地圖; 贊助深山

動(dòng)態(tài)展示: 定制網(wǎng)絡(luò )投票系統; 定制小程序

服務(wù)熱線(xiàn): 13961347334

: 微信公眾號二維碼

: 百度小程序二維碼

: 頭條抖音小程序二維碼

: 聯(lián)系微信二維碼

: 聯(lián)系QQ二維碼

免責聲明:本站所有資料信息,有部分為本人原創(chuàng ),部分為從網(wǎng)絡(luò )收集而來(lái),僅供網(wǎng)友查看閱讀所用,所有信息版權歸信息所有人或所有公司所有
如果信息內容侵犯到您的版權或權益請與我們聯(lián)系,經(jīng)確認后我們會(huì )立即移除相關(guān)內容或鏈接
Copyright © 2007-2024 深山工作室 All Rights Reserved
服務(wù)QQ:565449214 手機:13961347334
ICP備案:蘇ICP備15019627號

蘇公網(wǎng)安備 32070502010230號

亚洲精品456在线|S级爆乳玩具酱国产VIP皮裤|欧美成人精品第一区二区三区|久久永久免费人妻精品我不卡|亚洲欧洲日产无码

<button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins><button id="nc8ni"><form id="nc8ni"></form></button><form id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></ins><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"><xmp id="nc8ni"> <button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><form id="nc8ni"></form></button><button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><ins id="nc8ni"><form id="nc8ni"></form></ins> <button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"></button><button id="nc8ni"></button>