JQUERY學習第二天之制作橫縱向?qū)Ш讲藛?/h1>

發(fā)布時間：2020-06-12 19:18:09 來源：網(wǎng)絡 閱讀：389 作者：童冠 欄目：web開發(fā)

 

function(){
  //頁面中的DOM已經(jīng)裝載完成時，執(zhí)行的代碼
  $(".main > a").click(function(){
    //找到主菜單項對應的子菜單項
    var ulNode = $(this).next("ul");
    /*
    if (ulNode.css("display") == "none") {
      ulNode.css("display","block");
    } else {
      ulNode.css("display","none");
    }
    */
    //ulNode.show("slow");//normal fast
    //ulNode.hide();
    //ulNode.toggle();
    //
    //ulNode.slideDown("slow");
    //ulNode.slideUp;
    ulNode.slideToggle();
    changeIcon($(this));
  });
  $(".hmain").hover(function(){
    $(this).children("ul").slideDown();
    changeIcon($(this).children("a"));
  },function(){
    $(this).children("ul").slideUp();
    changeIcon($(this).children("a"));
  });
});

/**
* 修改主菜單的指示圖標
*/
function changeIcon(mainNode) {
  if (mainNode) {
    if (mainNode.css("background-p_w_picpath").indexOf("collapsed.gif") >= 0) {
      mainNode.css("background-p_w_picpath","url('p_w_picpaths/expanded.gif')");
    } else {
      mainNode.css("background-p_w_picpath","url('p_w_picpaths/collapsed.gif')");
    }
  }
}