知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    DIV横向水平左右折叠选项卡

    作者:佳明妈 来源:懒人建站 2010-01-13 人气:
    一个基于jquery的DIV横向水平左右折叠选项卡,默认显示第二个选项。

    一个基于jquery的DIV横向水平左右折叠选项卡,默认显示第二个选项。

    主题结构如下:
    <div class="hdo zhedie_div">
     <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
     <script type="text/javascript" src="js/jquery.easing.1.3_.js"></script>
     <script type="text/javascript" src="js/jquery.hrzAccordion.js"></script>
     <script type="text/javascript" src="js/jquery.hrzAccordion.examples.js"></script>
            <div class="hdo tit_02"><h2>DIV横向水平左右折叠选项卡</h2><a href="/Case.html" title="more"></a></div>
            <ul class="test3">
                <li><div class="handle3"><img src='images/img01.jpg'></div>               
                 <h3><a href="/about/rongyu">测试荣誉</a></h3>
                     <p>测试荣誉......</p>
                 </li>
                 <li><div class="handle3"><img src='images/img02.jpg'></div>
                     
                 <h3><a href="/xiaofang">消防工程案例展示二</a></h3>
                 <p>消防工程案例展示消防工程案例展示消防工程案例展示消防工程案例展示消防工........</p>
                 </li>
                 <li><div class="handle3"><img src='images/img03.jpg'></div>
      <h3><a href="/shizheng">市政工程案例展示二</a></h3>
                    <p>市政工程案例展示二......</p>
                 </li>
            </ul><div style="clear:both;"></div>
    </div>

    ↓ 查看全文

    DIV横向水平左右折叠选项卡由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    DIV横向水平左右折叠选项卡-最新评论

    • 懒人建站网友 2016-12-18 10:29:32
      无语了 什么东西啊
    • 11 2016-12-18 10:12:32
      无语了 什么东西啊
    • 懒人建站网友 2016-08-30 01:57:45
      乱码
    • 11 2016-08-30 01:08:45
      乱码
    • 懒人建站网友 2016-08-11 11:19:27
      乱码
    • 11 2016-08-11 11:08:27
      乱码
    • 棺饰映03 2015-10-29 03:44:57
      [泪]
    • 11 2015-10-29 03:10:57
      [泪]
    • 别摸我那里 2015-10-09 02:27:36
      [抛钱]