郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

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

懒人建站提供网页素材下载、网站模板
这一切都是免费的!
当前位置:懒人建站 > javascript > 导航菜单 >

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横向水平左右折叠选项卡http://www.51xuediannao.com/js/nav/zuoyouzhedie.html

(责任编辑:懒人建站)

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

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