花了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. SAP B1 ADDON 开发

    承接各类SAP B1 ADDON 开发. 有需要,请联系.

  2. power tool 强制撤销

    安装以后,使用有权限的账号,最好在tfs服务器安装并操作使用admin账号登陆项目,在团队资源管理器,源码管理中选择需要撤销的文件父文件夹,选Find in Source Control=>St ...

  3. java数据结构和算法------希尔排序

    package iYou.neugle.sort; public class Shell_sort { public static void ShellSort(double[] array) { i ...

  4. visualgo 数据结构与算法可视化工具

    推荐可视化数据结构与算法工具 http://zh.visualgo.net/

  5. Struts2入门教程

    最近闲来无事,学习s2sh框架,这里先写一点struts2的入门 我的环境 eclipse 4.3.2 tomcat 7.0.52 jdk 1.7.0_45 struts2 2.3.16.3 在ecl ...

  6. nodejs笔记三--url处理、Query String；

    URL--该模块包含用以 URL 解析的实用函数. 使用 require('url') 来调用该模块. 一.parse函数的基础用法 parse函数的作用是解析url,返回一个json格式的数组,请看 ...

  7. mysql几个命令

    1.格式化输出 select * from mysql.user\G 2.显示版本 show version() 3.显示引擎 show engines mysql> show engines; ...

  8. camera render texture 游戏里的监控视角

    Camera里: 新建render texture并拖入到target texture里 新建材质球 拖入render texture      camera里的视角会在材质球上出现  新建一个pla ...

  9. 网页数据采集 - 系列之Flash数据采集

    经常看到一些朋友在讨论如何采集flash中的数据,讨论来讨论区,结论就是:flash不能采集,其实也不总是这样.本篇就跟大家分享如何采集flash中的数据. 在开始之前,先说明一下:一般来说flash ...

  10. 项目开发-->身份认证及用户登录模块

    1.首先明确的两个问题 如何判断当前申请是由一个已登录用户发起的?如果Request.IsAuthenticated为true,则表示是一个已登录用户. 如何获取当前登录用户的登录名?如果是一个已登录 ...