您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 图片代码 >

    jquery竖直手风琴导航菜单

    时间:2014-07-28 08:37 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印
    效果预览 进入下载地址列表

    jquery竖直手风琴导航菜单jquery竖直手风琴导航菜单是一款鼠标点击单个展示收缩效果的竖直手风琴菜单。jquery手风琴竖直菜单展开收缩 所属专题:菜单导航

    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      
    /* 滑动/展开 */
    $("ul.expmenu li > div.header").click(function(){
      
    var arrow = $(this).find("span.arrow");

    if(arrow.hasClass("up")){
    arrow.removeClass("up");
    arrow.addClass("down");
    }else if(arrow.hasClass("down")){
    arrow.removeClass("down");
    arrow.addClass("up");
    }

    $(this).parent().find("ul.menu").slideToggle();

    });

    });
    </script>
    <script language="JavaScript">
    <!--//
    function ShowMenu(obj,n){
     var Nav = obj.parentNode;
     if(!Nav.id){
      var BName = Nav.getElementsByTagName("ol");
      var HName = Nav.getElementsByTagName("h2");
      var t = 2;
     }else{
      var BName = document.getElementById(Nav.id).getElementsByTagName("span");
      var HName = document.getElementById(Nav.id).getElementsByTagName(".header");
      var t = 1;
     }
     for(var i=0; i<HName.length;i++){
      HName[i].innerHTML = HName[i].innerHTML.replace("-","+");
      HName[i].className = "";
     }
     obj.className = "h" + t;
     for(var i=0; i<BName.length; i++){if(i!=n){BName[i].className = "no";}}
     if(BName[n].className == "no"){
      BName[n].className = "";
      obj.innerHTML = obj.innerHTML.replace("+","-");
     }else{
      BName[n].className = "no";
      obj.className = "";
      obj.innerHTML = obj.innerHTML.replace("-","+");
     }
    }
    //-->
    </script>

    jquery竖直手风琴导航菜单由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/tupian/9864.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!