zoukankan      html  css  js  c++  java
  • js滚动条动态加载数据

        <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <script type="text/javascript" src="http://www.miiceic.org.cn/templets/js/jquery-1.3.1.js"></script>
        <title>企业培训,it培训,数据库培训,android培训,嵌入式培训</title>
        </head>  
           <script type="text/javascript">
            
    function insertcode(){
                
    var $body = $("body");                                                           
                $body.append(
    '<div style=\" height:1000px; font-size:24px;\"><a href=\"http://www.miiceic.org.cn/\" target=\"_blank\">企业培训</a><br /><a href=\"http://www.amboedu.com/\" target=\"_blank\">职业教育</a><br /><a href=\"http://www.ciitn.com/\" target=\"_blank\">信息产业培训网</a><br /><a href=\"http://www.miiceic.org.cn/amt2011/\" target=\"_blank\">android PK Iphone</a><br /></div>')
                $(
    "#page_tag_load").hide();                   
                }
            
    function endcode(){
                $(
    "#page_tag_load").hide();
            }
            $(document).ready(
    function(){
                 $(window).scroll(
    function () {
                      
    var $body = $("body");
                      
    var $html = "";
                      $html 
    += "<br/>" + ($(window).height() + $(window).scrollTop());
                      $html 
    += "<br/>window.height: " + $(window).height();
                      $html 
    += "<br/>body.height: " + $body.height();
                      $html 
    += "<br/>window.scrollTop: " + $(window).scrollTop();
                      $(
    "#page_tag_bottom").html($html);

                     
    /*判断窗体高度与竖向滚动位移大小相加 是否 超过内容页高度*/
                      
    if (($(window).height() + $(window).scrollTop()) >= $body.height()) {
                          $(
    "#page_tag_load").show();
                          
    //setTimeout(insertcode, 1000);/*IE 不支持*/
                          if(($(window).height() + $(window).scrollTop())<3000){   
                              insertcode();
                          }
                          
    else{
                              endcode();   
                          }
                      }
                  });
              });
            
    </script>
        </head>

        <body>
            <div style="height:1000px; font-size:24px;"><href="http://www.miiceic.org.cn/" target="_blank">企业培训</a><br /><href="http://www.amboedu.com/" target="_blank">职业教育</a><br /><href="http://www.ciitn.com/" target="_blank">信息产业培训网</a><br /><href="http://www.miiceic.org.cn/amt2011/" target="_blank">Android PK Iphone</a><br /><br /><br /><href="http://www.miiceic.org.cn/amt2011/" target="_blank">跨领域技术体验峰会</a></div>
            <div id="page_tag_bottom" style="100%; position:fixed; _position:absolute;top:0px; background-color:#cccccc;height:120px;"></div>
            <div id="page_tag_load" style=" display:none; font-size:14px;position:fixed; bottom:0px; background-color:#cccccc;height:50px;">加载中...</div>
        </body>
        </html>
  • 相关阅读:
    Java开发常用Util工具类
    冒泡排序
    EMQ 消息服务器
    将jar文件包打成exe文件
    mina框架搭建tcp服务器:编写自定义协议及编解码器
    SpringBoot中定时任务的设置
    SpringBoot项目+Shiro(权限框架)+Redis(缓存)集成
    计算两个时间之间的天数
    关于extern的使用
    ADC采样间隔问题+TRGO作为ADC的触发源头
  • 原文地址:https://www.cnblogs.com/jinqi79731/p/2334512.html
Copyright © 2011-2022 走看看