zoukankan      html  css  js  c++  java
  • 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();
          }
      );
  • 相关阅读:
    第三次作业——《原型设计》
    第二次作业《熟悉使用工具》
    跟着《构建之法》学习软件工程(第一次作业)
    纯js代码实现手风琴特效
    HTML5
    为什么做前端要做好SEO
    让div盒子相对父盒子垂直居中的几种方法
    模板artTemplate
    bootstrap兼容问题
    移动常用的类库
  • 原文地址:https://www.cnblogs.com/krisy/p/2847360.html
Copyright © 2011-2022 走看看