• JS特效 http://www.xslszxw.com/js/
  • 側邊導航收縮伸展效果

    發布日期:2014-11-18 20:46:54
    Tag標簽:側邊  效果  


    側邊導航收縮伸展效果, 兼容主流瀏覽器,次元立方推薦下載!
     
    使用方法:
    1、head區域引用文件lrtk.css及js庫
     
    <link href="css/lrtk.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.3.2.js" type="text/javascript"></script>
    &nbsp;
    2、引入js代碼
    <script type="text/javascript">$(function(){$(".subNav").click(function(){<span class="Apple-tab-span"></span>// currentDd 對應收起的樣式, currentDt 對應展開的樣式<span class="Apple-tab-span"></span>$(this).toggleClass("currentDd").siblings(".subNav").removeClass("currentDd")<span class="Apple-tab-span"></span>$(this).toggleClass("currentDt").siblings(".subNav").removeClass("currentDt")<span class="Apple-tab-span"></span><span class="Apple-tab-span"></span>// 修改數字控制速度, slideUp(500)控制卷起速度<span class="Apple-tab-span"></span>$(this).next(".navContent").slideToggle(500).siblings(".navContent").slideUp(500);<span class="Apple-tab-span"></span>})<span class="Apple-tab-span"></span>})</script>
    3、html代碼
    &nbsp;
     

     

    • 專題推薦

    次元立方 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條款 - 網站地圖 - 網友投稿 - 聯系方式
    本站內容來自于互聯網,僅供用于網絡技術學習,學習中請遵循相關法律法規
    彩票联盟网站 宝坻区| 大港区|