1,隔行变色的列表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>隔行变色的列表</title>
<style>
*{padding:0px;margin:0px;font-size:12px;}
a{
color:#000;
text-decoration:none;
}
ul{list-style:none;}
dl,dt,dd{
display:block;
}
dl{
clear:both;
height:30px;
width:670px;
line-height:30px;
}
dl dt{
width:100px;
padding-left:10px;
float:left;
}
dl dd{
float:left;
}
dl dd a{margin:3px;}
dl dd.more{
float:right;
margin-right:10px;
}
</style>
</head>
<body>
<script src="js/jquery-1.12.4.js"></script>
<script>
$(function () {
$(".content dl:odd").css("background-color","#ececec")
})
</script>
<div class="content">
<dl>
<dt><a href="http://www.6655.com/1/youxi.htm">[页游]</a></dt>
<dd >
<ul>
<li><a href="http://codes.dian5000.com/htmlcode/38319.html">枪魂</a>
<a href="http://p.37pk49.com/s/1/683/11722.html?uid=510412">女神联盟</a> <a
href="http://tg.131cc.com/?uid=510412">37WAN游戏</a> <a
href="http://p.37pk49.com/s/1/683/13574.html?uid=510412">武易</a> <a
href="http://jcnm.game3737.com/htmlcode/36266.html">斗圣</a> <a
href="http://tk.pk897.com/1616dh.php?id=2467">烈焰</a> <a
href="http://p.37pk49.com/s/1/683/14006.html?uid=510412">大闹天宫OL</a></li&
JQuery高效制作网页特效第六章jQuery选择器课后作业
最新推荐文章于 2021-05-25 21:26:51 发布
本文主要介绍了使用JQuery选择器在实际网页特效制作中的应用,通过第六章jQuery选择器的课后作业,详细解析了如何高效地选取DOM元素,实现动态效果,包括动画、事件绑定等技巧,旨在提升读者的前端交互开发能力。
摘要由CSDN通过智能技术生成