用div来实现html奇偶行样式不一样如何实现？
如上图所示，这是一个html页面的列表，从数据库中读取出来后，每一条数据是一行div，那么，请问如何像它一样，实现，奇偶行样式不一样呢？用js还是？求高手...
如上图所示，这是一个html页面的列表，从数据库中读取出来后，每一条数据是一行div，那么，请问如何像它一样，实现，奇偶行样式不一样呢？用js还是？求高手
展开
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(function(){
$('#img').hover(function(){
$(this).attr('src','1440486485234596606.jpg');
},function(){
$(this).attr('src','11.png');
});
})
</script>
<style type="text/css">
div {border:1px solid #f00;width:100px;height:100px;}
div:nth-child(odd){background:#f00;text-align:center;}
div:nth-child(even){background:#00f;text-align:center;}
</style>
</head>
<body>
<div class="div1">我是奇数1</div>
<div class="div2">我是偶数2</div>
<div class="div3">我是奇数3</div>
<div class="div4">我是偶数4</div>
</body>
</html>
是这样的吗？？主要是:nth-child()选取器的判断
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如何 每一条数据是一行div. 的话的用编程方式。如何是table的话可以直接用Css.
编程方式。
<Script language="JavaScript" type="text/javascript">
function chk(num){
return num?num%2?"奇数":"偶数":"0"
}
// 根据 奇数和偶数 输出不同的代码
</script>
如何用 jquery编写的话，更方便。
<script type="text/javascript">
$(document).ready(function(){
$("div:even").css("background-color","#B2E0FF"); //偶数处的 div 背景色变化
});
</script>
编程方式。
<Script language="JavaScript" type="text/javascript">
function chk(num){
return num?num%2?"奇数":"偶数":"0"
}
// 根据 奇数和偶数 输出不同的代码
</script>
如何用 jquery编写的话，更方便。
<script type="text/javascript">
$(document).ready(function(){
$("div:even").css("background-color","#B2E0FF"); //偶数处的 div 背景色变化
});
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
