当前位置: 懒人建站 > JS代码 > 导航菜单 >

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

关键字:选项卡
一个基于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>

来源:懒人建站|发布人:懒人建站|2010-01-13|热度:|收 藏|报 错


相关代码

懒人建站

登 录| 注 册
你也许会喜欢X 关闭↑返回顶部→相关代码/文章
收藏到: 百度搜藏 新浪微博 QQ空间 更多
香港免备案空间,一年80元,500M空间、免费送100M mysql数据库。香港新世界电讯机房,与万网香港空间同机房,懒人建站同服务器。点击这里给我发消息速度演示:jquery 特效