真服你了,夠懶的,你把那111111111給改成你要查看的數(shù)據(jù)庫字段,把sql語句改一下,就能實現(xiàn)你要的效果了。 以下是循環(huán)輸出12條數(shù)據(jù)的代碼,CSS自己定義一個背景色或者字體顏色。

讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴,公司提供的服務(wù)項目有:國際域名空間、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、那曲網(wǎng)站維護(hù)、網(wǎng)站推廣。
?php
$sqlpage = "select * from 表名 where Id is not null order by Id desc limit 0,12"
$re_page = mysql_query($sqlpage, $conn);
if ($re_page) {
$i = 1;
while ($title = mysql_fetch_array($re_page)) {
if ($i % 2) {
echo "li class='odd'";
echo"111111";
echo "/li";
} else {
echo "li";
echo "1111111";
echo "/li";
}
$i++;
}
}
?
用js實現(xiàn)吧,給tr一個id:
$(document).ready(function() {
var objs=$("#tab1 tr");
for (var i=0;iobjs.length;i++){
$("#"+objs[i].id).css("background",(i%2==0)? 'red' : 'white');
}
});
如果是不同的顏色,就把顏色放到一個數(shù)組里面,在循環(huán)中從里面取顏色就行了
可以利用JavaScript和jQuery實現(xiàn)table隔行變色,看完教程你就會了!
相關(guān)教程:
在CSS中可使用:nth-child()選擇器來實現(xiàn)表格隔行變色效果。:nth-child()選擇器用于根據(jù)元素在一組兄弟中的位置來匹配元素;它匹配第n個子元素。
語法:
其中arg是表示匹配元素的模式的參數(shù);它可以是一個數(shù)字(number)、一個關(guān)鍵字(odd 或 even)或一個函數(shù)式。想要隔行設(shè)置表格的行顏色需要使用到關(guān)鍵字(odd 或 even),下面就來介紹一下:
●? odd :表示位置為奇數(shù)的元素,即1,3,5等。
●? even: 表示位置為偶數(shù)的元素,即2,4,6等。
示例1: 為在表中交替的偶數(shù)行設(shè)置顏色
效果圖:
示例2: 為在表中交替的奇數(shù)行設(shè)置顏色
效果圖:
更多 web開發(fā) 知識,請查閱 HTML中文網(wǎng) !!
分享名稱:隔行樣式css,文檔隔行選擇
標(biāo)題網(wǎng)址:http://chinadenli.net/article20/dsgdpco.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、搜索引擎優(yōu)化、品牌網(wǎng)站建設(shè)、電子商務(wù)、移動網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)