<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>首页</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<link href="css/base.css" type="text/css" rel="stylesheet">
<link href="css/style.css" type="text/css" rel="stylesheet">
<link href="css/index.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.js"></script>
<script src="jquery.1.4.2-min.js"></script>
</head>
<body>
<div class="content">
<div class="wrap">
<!--热销产品推荐-->
<div class="hotcp">
<div class="hotcp-bt clear">
<p class="block-left">热销产品推荐</p>
<div class="hotcp-line block-left"></div>
<div class="hotcp-dot clear">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="hotcp-nr">
<ul class="hotcp-nr1 clear">
<li class="block-left"><a href="">
<img src="images/index-8.jpg" alt="" />
<span>中厚板</span>
</a></li>
<li class="block-left"><a href="">
<img src="images/index-9.jpg" alt="" />
<span>中厚板</span>
</a></li>
<li class="block-left"><a href="">
<img src="images/index-10.jpg" alt="" />
<span>中厚板</span>
</a></li>
<li class="block-left"><a href="">
<img src="images/index-11.jpg" alt="" />
<span>中厚板</span>
</a></li>
</ul>
</div>
<div class="hotcp-nr">
<ul class="hotcp-nr1 clear">
<li class="block-left"><a href="">
<img src="images/index-8a.jpg" alt="" />
<span>中厚板</span>
</a></li>
<li class="block-left"><a href="">
<img src="images/index-9a.jpg" alt="" />
<span>中厚板</span>
</a></li>
<li class="block-left"><a href="">
<img src="images/index-10a.jpg" alt="" />
<span>中厚板</span>
</a></li>
<li class="block-left"><a href="">
<img src="images/index-11a.jpg" alt="" />
<span>中厚板</span>
</a></li>
</ul>
</div>
<div class="hotcp-nr">
<ul class="hotcp-nr1 clear">
<li class="block-left"><a href="">
<img src="images/index-8b.jpg" alt="" />
<span>中厚板</span>
</a></li>
<li class="block-left"><a href="">
<img src="images/index-9b.jpg" alt="" />
<span>中厚板</span>
</a></li>
<li class="block-left"><a href="">
<img src="images/index-10b.jpg" alt="" />
<span>中厚板</span>
</a></li>
<li class="block-left"><a href="">
<img src="images/index-11b.jpg" alt="" />
<span>中厚板</span>
</a></li>
</ul>
</div>
</div>
<script>
$(".hotcp-nr").hide().first().show()
$(".hotcp-dot span").click(function(){
$(".hotcp-nr").hide().eq($(this).index()).show()
});
$(".hotcp-dot span:eq(0)").addClass(".hotcp-dot yellow");
$(".hotcp-dot span").click(function(){
$(this).addClass(".hotcp-dot yellow").siblings().removeClass(".hotcp-dot yellow")
})
</script>
</div>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
