CSS论坛 - Powered by Discuz! Board

标题: DIV+CSS可展开收缩分类列表特效打包下载 [打印本页]

作者: divcss5文采 时间: 2011-4-14 19:44 标题: DIV+CSS可展开收缩分类列表特效打包下载

DIV+CSS可展开收缩分类列表特效

可用于栏目列表、产品列表可展开可收缩的CSS+JS特效

演示地址：http://www.divcss5.com/fanli/49/
应用介绍：http://www.divcss5.com/css-texiao/texiao271.shtml

divcss5.com-texiao-49ss.rar

下载地址：
点击下载大小：8.834KB

作者: lipeng 时间: 2011-4-16 11:27 标题: 1

作者: wangzlgmcu 时间: 2011-4-16 15:24 标题: 学习

学习,学习再学习

作者: Playdiee 时间: 2011-4-17 11:13

啊们`~

试下`看看

作者: kmycsy 时间: 2011-4-20 16:17

学习一下！

作者: fengsha12 时间: 2011-4-21 09:02

hahahhhahha shoucang

作者: 封夕 时间: 2011-4-21 16:41

学习——————学习！

作者: songyongbo 时间: 2011-4-22 14:18

好东西，我也下一个！

作者: kua654 时间: 2011-4-22 15:18

万恶的回复可见！

作者: lili 时间: 2011-4-22 19:29 标题: 回复 1# divcss5文采的帖子

hao 学习了

作者: pcgbvk 时间: 2011-4-26 13:38

看帖无罪,回帖有功...加经验啊

阿联酋航空机票改签阿联酋航空订票电话稻草人官网阿芙官网迪士尼童装官网好孩子童车官方网站

作者: weiyangyin 时间: 2011-5-3 21:35

拿来看看……

作者: zhangjiameng 时间: 2011-5-3 21:39

很实用啊下载事试试

作者: java454 时间: 2011-5-4 15:46 标题: 回复 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>

作者: zhangjiameng 时间: 2011-5-7 17:36

又是回复我看完再回复好不好

作者: qyfront 时间: 2011-5-8 17:43

让我看看吧~学习~~~~

作者: qweqwe 时间: 2011-5-9 16:57

下载看看

作者: dttfr 时间: 2011-5-9 17:29

谢谢楼主分享啊，正是要学习的

作者: cqfengtao 时间: 2011-5-13 15:36

不错的东西，学习一下

作者: aimywang 时间: 2011-5-18 16:17

我想学习

作者: rocket2011 时间: 2011-5-19 09:33 标题: 学习的

谢谢了..............

作者: seallon 时间: 2011-5-25 20:44

不错，必须顶

作者: aibushi 时间: 2011-5-26 16:09

学习下，多多学学，很好的！！！

作者: iv_song 时间: 2011-5-27 15:48 标题: 学习啦,学习啦

学习啦,学习啦

作者: dbh36071 时间: 2011-5-28 15:21

学习学习

作者: huajing10 时间: 2011-5-30 10:32

找这个找很久了，谢谢楼主分享

作者: ferlyw 时间: 2011-5-31 16:31 标题: 看看

看看看看看看看看

作者: meng1125360002 时间: 2011-5-31 16:36

学习一下

作者: 柚子布丁 时间: 2011-6-2 16:11

学习——————学习！

作者: wjw0507 时间: 2011-6-2 16:48 标题: 我也要..

开始学习CSS了..

作者: bm369 时间: 2011-6-3 12:09

可以下载吗，我来看看

作者: dreamcrane 时间: 2011-6-5 10:16

,学习了！

作者: 923128549 时间: 2011-6-10 21:30

顶起ddddddd

作者: julien_z 时间: 2011-6-11 11:13

学习了~~~~

作者: 77500@163.com 时间: 2011-6-12 17:38

o(∩_∩)o 哈哈

作者: nihao2112 时间: 2011-6-14 09:09 标题: erteryrryr

fgrtryryrryr

作者: jax04225 时间: 2011-6-14 14:49 标题: 只看该作者

好东西，我也下一个！

作者: xiejiren520 时间: 2011-6-17 10:47

学习一下！

作者: wuyu0920 时间: 2011-6-23 15:00

作者: kpz077 时间: 2011-6-23 19:40

aaaaaaaaaaaaaa

作者: clrise 时间: 2011-6-23 23:30

学习啦谢谢

作者: linlin_0804 时间: 2011-6-24 11:24

学习下下~~

作者: liyanshan 时间: 2011-6-24 14:09

好东西

作者: stein 时间: 2011-6-25 19:52

顶起~~~~~~~~~~~~~~~~~~~~~~~~~~~

作者: guomingsky 时间: 2011-6-26 12:10

很不错啊，呵呵

作者: joetex 时间: 2011-6-30 18:12

正找，学习中

作者: zhxy36 时间: 2011-7-1 13:57

学习一下

作者: 光晕之城 时间: 2011-7-1 15:47 标题: 啊！

下载来学！

作者: changes 时间: 2011-7-2 15:22

EN KAN KANKAN

作者: huacss 时间: 2011-7-15 13:26

作者: a453431529 时间: 2011-7-16 21:44 标题: 13232

vsdaaaaaaaaaaaaaaaaaaaaa

作者: lansefengming 时间: 2011-7-20 10:19

回复是必须的

作者: yange 时间: 2011-7-22 12:49

作者: jayxh314 时间: 2011-7-24 23:15 标题: 好~

谢楼主分享~

作者: diyisi 时间: 2011-7-26 12:09

回复之~~

作者: hxwxyz 时间: 2011-7-26 13:42

谢谢,楼主啦,先学习了

作者: hexieju 时间: 2011-7-27 10:46 标题: aaaaaaaa

aaaaaaaaaaaaaaaaaaaaaaaa

作者: 精未85 时间: 2011-8-2 19:59

谢谢楼主

作者: fangxianggan 时间: 2011-8-3 10:34 标题: 回复 1# divcss5文采的帖子

fgdsfgdfgdsfgdsfg

作者: a25352286 时间: 2011-8-4 14:24

不错谢谢诶分享

作者: Sunny 时间: 2011-8-4 17:59

我烦了！！！！！！！！！！！！！！！1

作者: zzz 时间: 2011-8-9 14:10

能下吗？

作者: hymen22 时间: 2011-8-12 16:39

虽然能直接查看源文件看到，还是下下来学习下吧

作者: 何幡 时间: 2011-8-12 17:40 标题: 辅导书

辅导书辅导书辅导书

作者: pp22 时间: 2011-8-19 11:15

作者: xin3363 时间: 2011-8-22 15:24

作者: lubber2008 时间: 2011-8-22 23:48 标题: 学习

学习，学习了。谢谢！

作者: keshaoyong 时间: 2011-8-27 17:12

非好的多学些

作者: lxs30766 时间: 2011-8-27 23:18

下来保存

作者: zs9999 时间: 2011-8-30 08:26

DIV+CSS可展开收缩分类列表特效打包下载

作者: lobr 时间: 2011-8-30 16:38

不错下载学习了

作者: sssljf 时间: 2011-9-1 11:28 标题: 试一下

试一下哦

作者: soao226 时间: 2011-9-1 15:52

好东西，值得收藏

作者: s01896 时间: 2011-9-2 09:10

支持。。。。。。。

作者: zuoshihai 时间: 2011-9-7 13:35

正需要拿走了谢谢！！！！！

作者: 崔家小涛 时间: 2011-9-7 16:25 标题: aaaaaaaaaaaa

jsakdfffdddddddd

作者: 木易九日 时间: 2011-9-14 15:08

楼主太棒了

作者: liufz 时间: 2011-9-14 17:01 标题: 不错，支持

学习者，下载学习，谢谢楼主了

作者: orange2cc 时间: 2011-9-15 10:40

很好，收入学习了

作者: yvonneyu127 时间: 2011-9-15 14:30

非常需要

作者: z婴xx 时间: 2011-9-19 12:13

谢谢楼主~~

作者: akeabc 时间: 2011-9-19 18:20

这个不错，很多公司网站在用。DIV+CSS可展开收缩分类列表特效

作者: yjdwbj 时间: 2011-9-21 11:52

最近在学习中哦

作者: jinweiwen 时间: 2011-9-21 13:15 标题: 谢谢真是太棒了！

谢谢真是太棒了！

作者: net2w 时间: 2011-9-21 17:30

谢谢，看起来很棒，下载下来学习下

作者: ccw165 时间: 2011-9-22 13:55

fssssssffgg

作者: nameest753ly 时间: 2011-9-22 15:39 标题: 回复 1# divcss5文采的帖子

hao dongxi a

作者: danielhe5239 时间: 2011-9-23 15:44

新手学习~·

作者: zhenxi680 时间: 2011-9-28 11:10

学习了谢谢LZ

作者: 萨格拉斯 时间: 2011-9-28 14:26

感谢分享

作者: coolla 时间: 2011-9-30 15:09 标题: 回复 1# divcss5文采的帖子

CSS分类下拉列表特效

作者: imaline 时间: 2011-10-2 10:46

谢谢楼主分享

作者: gobbc 时间: 2011-10-11 18:54

卡卡卡卡卡卡卡卡看卡卡卡卡卡卡卡卡卡卡卡

作者: cnxin 时间: 2011-10-12 20:29 标题: 恩。不错

想看看。

作者: 爱之源 时间: 2011-10-13 16:48

学习一下！~~~~~~~~~~~

作者: sara_tao 时间: 2011-10-14 16:59

作者: youzhi 时间: 2011-10-15 09:49

值得学习，谢谢！

作者: 菜鸟 时间: 2011-10-18 10:09 标题: 回复 1# divcss5文采的帖子

学习~~~~~~~

作者: zqqmsl 时间: 2011-10-18 16:03 标题: btm3

很好，实用

作者: dql822 时间: 2011-10-18 22:26 标题: 回复 1# divcss5文采的帖子

学习——————学习！

欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)