花了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;

            width: 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>

　　

Javascript scrollTop 20大洋的更多相关文章

  1. JavaScript设计模式-20.责任链模式

    <html> <head> <title>javascript高级语法20-责任链模式</title> </head> <body&g ...

  2. JavaScript基础20——element对象

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. 再起航，我的学习笔记之JavaScript设计模式20(策略模式)

    策略模式 策略模式(Strategy):将定义的一组算法封装起来,使其相互之间可以替换.封装的算法具有一定的独立性,不会随客户端变化而变化. 其实策略模式在我们生活中可应用的地方还是比较多的,比如在商 ...

  4. 《剑指offer》— JavaScript（20）包含min函数的栈

    包含min函数的栈 题目描述 定义栈的数据结构,请在该类型中实现一个能够得到栈最小元素的min函数. 实现代码 var stack = []; function push(node) { stack. ...

  5. javascript总结20: 前端必读,浏览器内部工作原理(转)

    目录 一.介绍 二.渲染引擎 三.解析与DOM树构建 四.渲染树构建 五.布局 六.绘制 七.动态变化 八.渲染引擎的线程 九.CSS2可视模型 英文原文:How Browsers Work: Beh ...

  6. jQuery插件treeview点击节点名称不展开、收缩节点 分类： JavaScript 2014-06-16 20:28 539人阅读 评论(0) 收藏

    修改jquery.treeview.js文件中的applyClasses方法(注释掉两行代码): 修改后的applyClasses方法如下: applyClasses: function(settin ...

  7. JavaScript（20）jQuery HTML 加入和删除元素

    jQuery - 加入元素 通过 jQuery,能够非常easy地加入新元素/内容. 加入新的 HTML 内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepen ...

  8. 【JavaScript】20款漂亮的css字体

    样式一: body { margin: 0; padding: 0; line-height: 1.5em; font-family: "Times New Roman", Tim ...

  9. JavaScript中的各种宽高以及位置总结

    JavaScript中的各种宽高以及位置总结 在javascript中操作dom节点让其运动的时候,常常会涉及到各种宽高以及位置坐标等概念,如果不能很好地理解这些属性所代表的意义,就不能理解js的运动 ...

随机推荐

  1. arcgis中使用excel中x,y坐标创建点问题

    文件——从x,y中添加,可以显示点的位置 右击图层导出数据时,出现无法绘制图形,生成shapefile文件的情况.经过排除数据发现 当x,y坐标值中出现null等异常值时,会出现上述无法导出的情况.

  2. Spring源码下载

    Spring已经将源码从SVN迁移到了Github,而且也改为基于Gradle的构建来构建项目,它取代了之前的ANT+Ivy系统,所以要构建Spring源码要先安装Github和Gradle. 首先假 ...

  3. Android 文档之viewAnimator

    一.结构 public class ViewAnimator extends FrameLayout java.lang.Object android.view.View android.view.V ...

  4. wget的下载与安装使用

    wget的下载与安装:下载地址:ftp://ftp.cs.cuhk.edu.hk/pub/gnu/gnu/wget安装:先把wget下载到的tar文件解压,然后cd到wget目录下# ./config ...

  5. [转]p2p端口映射工具 dog-tunnel

    [转]p2p端口映射工具 dog-tunnel http://www.oschina.net/p/dog-tunnel 狗洞是一个高速的 P2P 端口映射工具,同时支持Socks5代理. 0.5版后开 ...

  6. IIS 8.5配置.net网站[花了半个多小时]

    1.默认安装了IIS部分功能.参考http://www.cnblogs.com/xuanhun/p/4201645.html 2.运用程序连接池, 使用集成 模式 3.运用程序连接池,设置启用32位应 ...

  7. Graceful degradation versus progressive enhancement

    http://ued.taobao.org/blog/2008/10/understanding-progressiveen-hancement-chs-translation/ http://www ...

  8. ionic:Build mobile apps faster with the web technologies you know and love

    http://ionicframework.com/getting-started/ 5 Ionic Framework App Development Tips and Tricks http:// ...

  9. opencv 2.4.9+pcl 1.6+vs2010+win7 32开发环境配置

    最近在做图像方面的开发,需要对软件开发平台进行配置,我查找了关于这些方面的内容,由于软件版本很多,每个人的开发平台又不一样所以在对平台进行搭建过程中遇到了很多问题,下面我将我搭建平台的流程做一个记录. ...

  10. Netsharp介绍

    1.1     Netsharp是什么 Netsharp定义: Netsharp业务基础平台 = 1.系统框架 + 2.元数据 + 3.平台工具 + 4.基础业务 + 5.二次开发 此五个概念请参考什 ...