DIV+CSS可展开收缩分类列表特效打包下载
DIV+CSS可展开收缩分类列表特效[img]http://www.divcss5.com/uploads/allimg/101217/1_101217120257_1.jpg[/img]
可用于栏目列表、产品列表可展开可收缩的CSS+JS特效
演示地址：[url]http://www.divcss5.com/fanli/49/[/url]
应用介绍：[url]http://www.divcss5.com/css-texiao/texiao271.shtml[/url]
divcss5.com-texiao-49ss.rar
[b]下载地址：[/b]
[url=http://d.divcss5.com/divcss5/down/divcss5.com-texiao-49ss.zip]点击下载[/url] 大小：8.834KB
1
:) :) :) :lol :lol :lol :lol :lol学习
学习,学习再学习 啊 们`~:lol 试下`看看 学习一下！ hahahhhahha shoucang 学习——————学习！ 好东西，我也下一个！ 万恶的回复可见！回复 1# divcss5文采 的帖子
hao 学习了 看帖无罪,回帖有功...加经验啊[url=http://wehk.net/][color=white]阿联酋航空机票改签[/color][/url][color=white] [/color][url=http://alqhkdh.bbshk.net/][color=white]阿联酋航空订票电话[/color][/url][color=white] [/color][url=http://daocaoren.wehk.net/][color=white]稻草人官网[/color][/url][color=white] [/color][url=http://afu.wehk.net/][color=white]阿芙官网[/color][/url][color=white] [/color][url=http://disney.babyhu.net/][color=white]迪士尼童装官网[/color][/url][color=white] [/color][url=http://haohaizi.wehk.net/][color=white]好孩子童车官方网站[/color][/url] 拿来看看…… 很实用啊 下载事试试
回复 1# divcss5文采 的帖子
<!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>
<title>home</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){
$("#slider").easySlider({
controlsBefore: '<p id="controls">',
controlsAfter: '</p>',
auto: true,
continuous: true
});
});
// ]]>
</script>
<style type="text/css">
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
#slider li { width:906px; height:386px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:44px; height:44px; position:absolute; left:0; top:-250px; }
#nextBtn { left:862px; }
#prevBtn a { display:block; width:44px; height:44px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:44px; height:44px; background:url(images/r_arrow.gif) no-repeat 0 0; }
</style>
</head>
<body>
<div class="main">
<div class="header">
<div class="block_header">
<div class="logo"><a href="index.html"><img src="images/logo.gif" width="401" height="145" border="0" alt="logo" /></a></div>
<div class="menu">
<ul>
<li><a href="index.html" class="active">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="services.html">About us</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="clr"> </div>
</div>
</div>
<div class="slider">
<div class="slice1">
<div id="slider">
<ul>
<li>
<div class="top" style="background:url(images/sliser_bg_img_1.jpg) top no-repeat;">
<h2><a href="http://www.divcss5.com/">CSS</a> Dummy text of the printing and typesetting industry.</h2>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the when an unknown printer. <a href="#">Simply dummy text of the printing</a> and typesetting industry. Lorem Ipsum has been the industry's </p>
</div>
<div class="bot">
<div class="lister">
<p class="active">1</p>
<p>2</p>
<p>3</p>
</div>
<h2>Simply dummy text</h2>
<p>Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</li>
<li>
<div class="top" style="background:url(images/sliser_bg_img_2.jpg) top no-repeat;">
<h2>Dummy text of the printing and typesetting industry.</h2>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the when an unknown printer. <a href="#">Simply dummy text of the printing</a> and typesetting industry. Lorem Ipsum has been the industry's </p>
</div>
<div class="bot">
<div class="lister">
<p>1</p>
<p class="active">2</p>
<p>3</p>
</div>
<h2>Simply dummy text</h2>
<p>Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</li>
<li>
<div class="top" style="background:url(images/sliser_bg_img_3.jpg) top no-repeat;">
<h2>Dummy text of the printing and typesetting industry.</h2>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the when an unknown printer. <a href="#">Simply dummy text of the printing</a> and typesetting industry. Lorem Ipsum has been the industry's </p>
</div>
<div class="bot">
<div class="lister">
<p>1</p>
<p>2</p>
<p class="active">3</p>
</div>
<h2>Simply dummy text</h2>
<p>Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="body">
<div class="body_resize">
<div class="Author">
<h2>About the Author</h2>
<img src="images/img_1.gif" alt="picture" width="97" height="89" hspace="20" vspace="5" />
<p>Lorem Ipsum has been the industry's standard dummy text ever since thes, when an unknown printer.<a href="#"> Simply dummy text</a> of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since thes, when an unknown printer.</p>
<p><a href="#"><img src="images/read_more.gif" alt="picture" width="68" height="20" border="0" /></a></p>
</div>
<div class="animator">
<p><img src="images/img_4.gif" alt="picture" width="169" height="126" /> <img src="images/img_3.gif" alt="picture" width="169" height="126" /><img src="images/img_2.gif" alt="picture" width="170" height="126" /></p>
<h2>Dummy text of the printing and typesetting industry.</h2>
<p>Lorem Ipsum has been the industry's standard dummy text ever since thes,<a href="#"> when an unknown printer. Simply dummy text</a> of the printing and typesetting industry. </p>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="FBG">
<div class="Fbg_resize">
<div class="Twitter">
<p><img src="images/Twitter.gif" alt="picture" width="129" height="96" /></p>
<p><strong>Lorem Ipsum has been</strong> The industry's standard dummy text ever since thes. <a href="#"><img src="images/read_more.gif" alt="picture" width="68" height="20" border="0" /></a></p>
</div>
<div class="con">
<h2>Contact us</h2>
<ul>
<li>Name of the Company</li>
<li> 2901 Marmora Road, Glassgow, D04 59GR</li>
<li> Telephone: +1 234 567 8910</li>
</ul>
<ul>
<li>FAX: +1 234 567 8910</li>
<li>E-mail: <a href="#">mail@yoursitename.com</a></li>
</ul>
</div>
</div>
<div class="clr"></div>
</div>
<div class="footer">
<div class="resize">
<div>Copyright © Sitename.com. <a href="http://www.divcss5.com/">DIV+CSS</a>. All Rights Reserved<br />
<a href="index.html">Home</a> | <a href="contact.html">Contact</a> | <a href="blog.html">RSS</a></div>
</div>
<p class="clr"></p>
</div>
</div>
</body>
</html> 又是回复 我看完再回复好不好 让我看看吧~学习~~~~ 下载看看 谢谢楼主分享啊，正是要学习的 不错的东西，学习一下 我想学习