<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jq手风琴切换代码 - 酷80</title>
</head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<style type="text/css">
#col
{
width: 200px;
margin: 50px auto 0 auto;
clear: both;
padding-bottom: 50px;
}
.sliderbox
{
width: 200px;
height: 205px;
margin: 0 auto;
overflow: hidden;
border: solid 1px #cdcdcd;
}
.sliderbox a
{
color: #01B2F1;
}
.sliderbox a:hover
{
color: #FFF;
text-decoration: none;
}
.sliderbox dt
{
height: 32px;
cursor: pointer;
background:#FFFFFF;
font-size:13PX;
}
.sliderbox .open
{
font-size: 13px;
background: #F9F9F9;
cursor: default;
border-bottom-width:1px;
font-weight:bold;
}
.sliderbox dd
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: #F9F9F9;
height: 90px;
padding: 0;
margin: 0;
position: relative;
overflow: hidden;
}
</style>
<body>
<dl class="sliderbox" id="slider2">
<dt class="open">雨妃护手霜</dt>
<dd>
<div class="text">
<div style="float: left;">
<img src="images/1.jpg" /></div>
<div style="float: left;">
雨妃护手霜 ¥<span style="color: Red;">0.85</span><br />
上周销售:9843件</div>
<div style="clear: both;">
</div>
</div>
</dd>
<dt>我的美丽日记面膜</dt>
<dd>
<div class="text">
<div style="float: left;">
<img src="images/2.jpg" /></div>
<div style="float: left;">
我的美丽日记面膜 ¥<span style="color: Red;">2.70</span><br />
上周销售:4543件
</div>
<div style="clear: both;">
</div>
</div>
</dd>
<dt>御泥坊面膜</dt>
<dd>
<div class="text">
<div style="float: left;">
<img src="images/3.jpg" /></div>
<div style="float: left;">
御泥坊面膜 ¥<span style="color: Red;">11.80</span><br />
上周销售:3658件</div>
<div style="clear: both;">
</div>
</div>
</dd>
<dt>台湾百匡纯天然手工皂</dt>
<dd>
<div class="text">
<div style="float: left;">
<img src="images/4.jpg" /></div>
<div style="float: left;">
台湾百匡纯天然手工皂 ¥<span style="color: Red;">14.90</span><br />
上周销售:1080件</div>
<div style="clear: both;">
</div>
</div>
</dd>
</dl>
<script type="text/javascript">
var slider2 = new accordion.slider("slider2");
slider2.init("slider2", 0, "open");
</script>
</body>
</html>
jQuery手风琴切换，很强大的（两种切换效果）.rar （18个子文件） 
jQuery手风琴切换，很强大的（两种切换效果） css 
index.css 684B images 
newsopenbgmid.jpg 21KB
newsareabg.gif 83B newsclosedbg.gif 1KB 3.jpg 3KB cata-launch.jpg 12KB 4.jpg 2KB newsopenbgtop.gif 3KB 2.jpg 2KB cat.jpg 5KB 1.jpg 3KB Thumbs.db 250KB 101206.jpg 5KB 101208.jpg 7KB js slider.js 1KB jquery.js 56KB
1.html 4KB index.html 2KB资源评论
情傷2013-10-29这就是个渣，要这么多积分。。。
