Jquery 父窗口中移进移出鼠标到Iframe: 移进显示更多内容, 移出隐藏部分内容

 

//父窗口中的JS
  //设置iframe的高度
  function heightSet(){
     if($.browser.mozilla || $.browser.msie){
         bodyHeight =window.frames["iFrame2"].document.body.scrollHeight;
     }else{
         bodyHeight = document.getElementById("iFrame2").contentWindow.document.documentElement.scrollHeight;
     }
     document.getElementById("iFrame2").height=bodyHeight;  
  }

//Iframe中的JS
  //去除不符合要求的节点
  $(".Stat_list").each(function(){
      var sumFirstCategory=$(this).attr("sumFirstCategory");
      if(sumFirstCategory==0){
          $(this).children("ul").remove();
      }
  });
  
  function hiddenMore(){
      //如果数量超过多少就隐藏
      var isShowMoreBt=0;
      $(".subject").each(function(index){
          if(index>20){
              $(this).nextAll(".subject").css("display", "none");
              $(this).parents(".Stat_list").nextAll(".Stat_list").css("display", "none");
              isShowMoreBt=1;
              return false;
          }
      });

      //如果超过多少就隐藏
      $(".category").each(function(index){
          if(index>0){
              $(this).parents(".Stat_list").nextAll(".Stat_list").css("display", "none");
              isShowMoreBt=1;
              return false;
          }
      });
      //是否显示省略号
      if(isShowMoreBt==1){
          $("#showMore_div").show();
      }  
  }

 //鼠标移进移出操作(Iframe)
  $("#content_all").hover(
      function () {
           $("#showMore").hide();
           $(".Stat_list").show();
           parent.window.heightSet();
      },
      function () {
           hiddenMore();
           $("#showMore").show();
           parent.window.heightSet();
      }
  );
posted on 2013-01-06 11:04  思静  阅读(1408)  评论(0编辑  收藏  举报