花了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. 同时执行2个存储过程，2个SP中分别有相同的临时表名，会有冲突吗?

    同时执行2个存储过程,2个SP中分别有相同的临时表名,会有冲突吗?答案:不会 这就可以在以后写存储过程的时候统一临时表名了. alter procedure sp_01 as begin create ...

  2. Hadoop之Hive自定义函数的陷阱

    A left join B, 这个B会连到A. 如<A1,B>, <A2,B>,在处理第一条记录的时候将B.clear(),则第二条记录的B是[]空的这是自定义UDF函数必须注 ...

  3. NE、EQ等比较操作符的意义

    比较所有的 字段类型 要比较所有 的字段类型 ,可以在逻 辑表达式中 使用下列运 算符: <运算符>含 义 EQ 等于 = 等于 NE 不 等于 <> 不 等于 >< ...

  4. b75,gtx560,I5 安装10.10.2

    1.安装变色龙,wowpc.iso,这个是可以让电脑从windows引导 mac 安装的. 2.把黑苹果CDR压到一个硬盘分区里去. 3.安装10.10.2,把安装盘里的extra拷贝到 系统盘里 , ...

  5. C++实现的哈希搜索

    C++实现的哈希搜索 程序内容 Complete a text searching engine using hash table. 完成一个文本搜索引擎,使用哈希表 程序设计 程序流程图 程序代码 ...

  6. php对象

    在php中,必须使用class关键字明确的声明对象,然后在对象类中定义数据类型和方法. 示例: class Color{ public $value; public static $RED = &qu ...

  7. java静态变量、静态方法和静态代码段

    先上实例 public class TestStatic { public static String staticString = "this is a static String&quo ...

  8. java类中定义接口

    今天看到一个java类中定义了接口,写个备忘录,记录一下 package com.gxf.test; public class Test_interface { public interface sh ...

  9. nodejs笔记一--模块，全局process对象；

    一.os模块可提供操作系统的一些基本信息,它的一些常用方法如下: var os = require("os"); var result = os.platform(); //查看操 ...

  10. 封装insertAfter、addClass、格式化时间

    insertAfter,在JS节点操作中,并没有insertAfter方法,因此需要重新封装 function insertAfter(newEle,targetNode) { var oParent ...