真服你了,夠懶的,你把那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)站維護、網(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) ?。?/p>
分享標(biāo)題:隔行樣式css,文檔隔行選擇
分享URL:http://weahome.cn/article/dsgdpco.html