zoukankan      html  css  js  c++  java
  • Javascript scrollTop 20大洋

    花了20大洋,买了一个视频,这是读书笔记

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <style>
            body, div {
                padding: 0px;
                margin: 0px;
            }
    
            #div1 {
                margin-left: 100px;
                margin-top: 20px;
                 150px;
                height: 200px;
                overflow: hidden;
                background: #dddddd;
            }
        </style>
    </head>
    <body>
        <div id="div1">
            港媒称,日前,一则“女明星冷冻卵子”新闻让“冻卵子”进入了公众视野,不少超过平均育龄期的妇女纷纷向医院打听冷冻卵子的过程及相关费用和安全性。国家计生委相关负责人近日对媒体表示:冷冻卵子技术属于人类辅助生殖技术范畴,目前尚处于临床研究阶段。按照中国目前法律,未婚单身女性禁止进行在国内进行冻卵手术。
            据香港《南华早报》网站7月27日报道,国家卫生计生委妇幼健康服务司负责人在接受“新华视点”采访时表示,冷冻卵子技术属于人类辅助生殖技术范畴,目前尚处于临
            aaaaaaaaaaaaaaaaaaaaaaaaaaa
            aaaaaaaaaaaaaaaaaaaaaaaaaa
        </div>
        <script type="text/javascript">
            var ele = document.getElementById('div1');
            //  ele.offsetLeft;  ele.offsetWidth; 只读属性,不能赋值,要想赋值,只能写  ele.style.width = 500 + 'px';
            //ele.scrollTop = 150;
            //ele.scrollHeight - ele.clientHeight;//滚动条能达到的最大值;超出的高度
            /*第一种:
            -function () {
    
            }();
            第二种:
            (function(){
    
            })()
           第三种:
           ~function(){
    
           }();
    
           --三种写法都是一样的,让一个匿名方法自运行
            */
            /**/
            //ele.innerHTML += ele.innerHTML;
            (function () {
                var val1 = ele.scrollTop;
                ele.scrollTop++;
                var val2 = ele.scrollTop;
                //if (val1==ele.scrollTop) {//走到头了
    
                //}
                if (ele.scrollTop==ele.scrollHeight) {
                    ele.scrollTop = 0;
                }
                window.setTimeout(arguments.callee, 6);
            })();
           
            var dirction = 1;
            (function () {
                var val1 = ele.scrollTop;
                //  ele.scrollTop++;
                ele.scrollTop += dirction;
                var val2 = ele.scrollTop;
                if (val1==val2) {//已经到了最大的边界了
                    //ele.scrollTop = 0;//从头开始
                    dirction = dirction * (-1);//来回滚动
                }
                /*
                1.arguments.callee调用自身模块
                2.arguments 该对象代表正在执行的函数和调用他的函数的参数。
                */
                
                window.setTimeout(arguments.callee, 6);
            })();
    
            var innerHTML = ele.innerHTML;
            (function () {
                var val1 = ele.scrollTop;
                  ele.scrollTop++;
                  var val2 = ele.scrollTop;
                  if (val1==val2) {
                      ele.innerHTML += innerHTML;
                  }
               window.setTimeout(arguments.callee, 10);
            })();
        </script>
    </body>
    </html>
    

      

  • 相关阅读:
    web框架本质及第一个Django实例
    jQuery练习题HTML文件
    jQuery快速入门
    前端之JS
    前端基础之HTML
    前端基础之css
    并发编程之 协程
    Linux目录结构详解
    第三周 time库
    网络打印机拒绝访问,无法连接处理方法汇总
  • 原文地址:https://www.cnblogs.com/alphafly/p/4686740.html
Copyright © 2011-2022 走看看