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>
    

      

  • 相关阅读:
    MVVM架构~knockoutjs系列之表单添加(验证)与列表操作源码开放
    MVVM架构~knockoutjs系列之验证成功提示显示
    MVVM架构~knockoutjs系列之正则表达式使规则更灵活
    郁闷~win7无法进行局域网访问解决
    不合规范的html段落php处理细则
    备份一个通过拷贝来创建虚拟机镜像的脚本
    [置顶] ffmpg简介以及用它实现音频视频合并(java)
    [Java] HttpClient有个古怪的stalecheck选项
    POJ 1260 Pearls
    “AIR SDK 0.0: AIR SDK location “...devsdksAIRSDKWin” does not exist.”问题解决~
  • 原文地址:https://www.cnblogs.com/alphafly/p/4686740.html
Copyright © 2011-2022 走看看