花了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. kettle插入/更新

    1.数据库环境 --------------------实时表 ),Info )); ,'张启山','长沙'); ,'尹新月','长沙'); ,'二月红','长沙'); --------------- ...

  2. oracle 分析函数（笔记）

    分析函数是oracle数据库在9i版本中引入并在以后版本中不断增强的新函数种类.分析函数提供好了跨行.多层次聚合引用值的能力.分析函数所展现的效果使用传统的SQL语句也能实现,但是实现方式比较复杂,效 ...

  3. ViewPager+Fragment实现滑动显示，且Fragment里面又放Fragment+viewPager

    思路:新建一个Activity,且这个Activity要继承FragementActivity,在Activity的布局文件中放入了一个viewPager,为了效果好看,还做了个导航,使得ViewPa ...

  4. hdu 5444 Elven Postman

    题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=5444 Elven Postman Description Elves are very peculia ...

  5. lucene .NET 搜索图片 功能实现

    关于搜索部分 1想建立索引.构建jpg图片解析器,在索引时将jpg图片的exif信息及其文本信息如名称,存放路径,大小,日期等等加入索引!具体实现代码如下: public void BulidInde ...

  6. ifstat-网络接口监测工具

    ifstat-网络接口监测工具 http://gael.roualland.free.fr/ifstat/ ifstat is a tool to report network interfaces ...

  7. 微软职位内部推荐-Senior Software Engineer

    微软近期Open的职位: Are you looking for a big challenge? Do you know why Big Data is the next frontier for ...

  8. 避免写出IE Bug

    https://github.com/KitWong/KitWong.github.io/tree/master/_posts

  9. Travis-CI的初步了解和测试程序的进一步编写

    一. Travis-CI部分 最近基本都在研究Travis-CI的使用.CI是continue integration(持续集成)的缩写,Travis应该是给我们提供免费服务器的组织.下面介绍一下其使 ...

  10. Careercup - Google面试题 - 5898529851572224

    2014-05-06 07:56 题目链接 原题: Flatten an iterator of iterators ,], [,[,]], ], it should ,,,,,]. Implemen ...