xxsr.net
当前位置:首页 >> Css的奇数偶数 >>

Css的奇数偶数

jQuery中设置html的外部样式表的奇偶行交替色类似: 设置偶数行的背景色:$("table tr:nth-child(even)").css("background-color","#FFE4C4"); 设置奇数行的背景色:$("table tr:nth-child(odd)").css("background-color","#F0F0F0"); 可以使用css...

步骤如下:ul li:nth-child(2n);ul li:nth-child(2n+1) CSS部分: .list {width:500px;margin:0 auto;} .list ul {background:url(http://www.bluebirdsky.cn/images/upfiles/row_bg.gif);} .list li {height:25px;line-height:25px;text-align:...

tr:nth-child(even) {background: #CCC} tr:nth-child(odd) {background: #FFF} 要是兼容的话,可以分别定义偶数行样式和奇数行样式;

CSS3可以直接选择奇偶数,, #list li:nth-of-type(odd){ background:#00ccff;}奇数行 #list li:nth-of-type(even){ background:#ffcc00;}偶数行 123456如果不想用CSS3,怕有些低版本不支持的话,你只能用JS或者JQ来做, 同理,JQ取行数的奇偶,...

$(function(){$('#img').hover(function(){$(this).attr('src','1440486485234596606.jpg');},function(){$(this).attr('src','11.png');});})div {border:1px solid #f00;width:100px;height:100px;}div:nth-child(odd){background:#f00;text-a...

table test 姓名 性别 班级 姓名 男 计算机科学与技术一班 段萌 男 软工一班 段萌 男 软工一班 段萌 男 软工一班 段萌 男 软工一班 /* To change this license header, choose License Headers in Project Properties. To change this template...

window.onload=function showtable(){ var tablename=document.getElementById("table"); var li=tablename.getElementsByTagName("tr"); for (var i=0;i

Test tr { background:#FF3; } tr:nth-child(2n) { background:#6F9; } tr { background-color: expression((this.sectionRowIndex % 2 == 0) ? "#FF3" : "#6F9" ); } 这是奇数行 这是偶数行 这是奇数行 这是偶数行 这是奇数行 这是偶数行 这是...

奇数:$("tr:odd"); 偶数:$("tr:even");

可以使用css3的奇偶选择器,如: li:nth-child(odd){background-color:#FFE4C4;}li:nth-child(even){background-color:#F0F0F0;}li:nth-child(odd)是设置奇数行的背景色,li:nth-child(even)是设置偶数行的。但是css3不兼容IE9以下的浏览器,如...

网站首页 | 网站地图
All rights reserved Powered by www.xxsr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com