花了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. AppCan教你从零开始做开发

    经常收到类似这样的提问:新手开发APP,要怎么学?我有满屏幕的文档和视频,然而并没有什么卵用,因为我不知道该从哪看起……今天的主要内容是教大家,如何在AppCan移动平台创建应用,引擎插件选择.证书管 ...

  2. windows phone listbox虚拟化（下）

    之前写过一篇关于listbox虚拟化的文章,那里采用的方法都是自己早期研究的一些思路,然后发现当数据很大的时候,其实性能效果还是不太理想,下面让我们来仔细想一想到底是基于什么原因,我们回去破坏默认的虚 ...

  3. Windows Phone自定义控件 ProgressRing

    前言 Windows Phone为开发者提供了很多原生控件,但在很多场景下我们需要对默认的功能或样式做一定的修改才能满足我们的需求,自定义控件应运而生.本文通过以自定义控件进度环(ProgressRi ...

  4. iOS学习之UIView

    一.UI编程概述      1.UI的本意是用户界面,是英文User和Interface的缩写.      2.UI设计则是指对软件的人机交互.操作逻辑.界面美观的整体设计.      3.软件设计可 ...

  5. iOS学习之Object-C语言集合遍历和数组排序

    一.集合遍历      1.集合:OC中提供的容器类,数组,字典,集合.      2.遍历:对集合中元素依次取出的过程叫做遍历. 二.for循环遍历      1.通过for循环的循环变量用作数组元 ...

  6. 使用angular封装echarts

    Echarts是一个开源的图表组件,图表比较丰富,工作中需要用到它来搭建一个数据展示系统.但是系统原有的框架是基于angular的,而echarts是基于原生js的,如果直接使用的话就丢失了angul ...

  7. CALayer加阴影后动画卡的处理办法

    [self.layer setShadowColor:[UIColor blackColor].CGColor]; [self.layer setShadowOpacity:0.8]; [self.l ...

  8. @property @synthesize的含义以及误区。

    @property的作用是定义属性,声明getter,setter方法.(注意:属性不是变量) @synthesize的作用是实现属性的,如getter,setter方法. 在声明属性的情况下如果重写 ...

  9. PB串口编程资料(转)

    ----MSCOMM32参数基本介绍2008年03月29日 星期六 上午 11:37MSComm 控件通过串行端口传输和接收数据,为应用程序提供串行通讯功能.MSComm控件在串口编程时非常方便,程序 ...

  10. 目前国内外主流的linux发行版本

    1.linux其实是基于unix发展而来的,还有mac os也是类unix操作系统 2.目前主流的linux发行版本主要有:红帽系列(中国大陆,美洲地区,发源于美国),suse系列(欧洲地区流行,发源 ...