JS的属性好多,方法好多,一下子塞进来真的需要时间消化,很多东西都是当时记得很清楚,但忘得很快,看来需要经常去复习,主要是感觉后面一点的练习题好像少了点,所以就显得不是很熟练.

1.About Time:

/*//输出今天的日期、星期、时间字符串

var today = new Date();

var year = today.getFullYear();

var month = today.getMonth();

var day = today.getDate();

var week = today.getDay();

var hours = today.getHours();

var minutes = today.getMinutes();

var seconds = today.getSeconds();

//定义前导0函数:

function addZero(x){

    return x<10 ? "0"+x : x;

}

arr_month = ["01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月"];

arr_week = ["星期天","星期一","星期二","星期三","星期四","星期五","星期六",];

var str = "今天是"+year+"年"+arr_month[month]+addZero(day)+"日"+arr_week[week]+addZero(hours)+"时"+addZero(minutes)+"分"+addZero(seconds)+"秒."

document.write(str);*/

2.神奇的滚动框:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>滚动框</title>

    <style type="text/css">

        *{

            margin:0px;

            padding: 0px;

        }

        ul,li{

            list-style: none;

        }

        #div1{

            width:200px;

            height:250px;

            margin:100px auto;

            overflow: hidden;

        }

        li{

            text-align:center;

            border-bottom: 1px dotted #ccc;

        }

    </style>

    <script type="text/javascript">

    window.onload = function(){

        //1.先找到对象

        var div1 = document.getElementById("div1");

        var div2 = document.getElementById("div2");

        var div3 = document.getElementById("div3");

        //2.将3个div的高度设置成一样

        div2.style.height = div1.offsetHeight+"px";

        div3.style.height = div1.offsetHeight+"px";

        //3.给div3增加内容

        div3.innerHTML = div2.innerHTML;

        //4.设置定时器动画

        window.setInterval(scrolling, 40);

    }

    function scrolling(){

        var div1 = document.getElementById("div1");

        div1.scrollTop==div1.offsetHeight ? div1.scrollTop=0 : div1.scrollTop++;

        /*document.title=div1.scrollTop;*/

    }

    </script>

</head>

<body>

<div id="div1">

    <div id="div2">

        <ul>

            <li>龙珠</li>

            <li>海贼王</li>

            <li>死神</li>

            <li>火影忍者</li>

            <li>死亡笔记</li>

            <li>寄生兽</li>

            <li>吸血鬼日记</li>

            <li>暮光之城</li>

            <li>斯巴达克斯</li>

            <li>权力的游戏</li>

            <li>越狱</li>

        </ul>

    </div>

    <div id="div3"></div>

</div>

</body>

</html>

JS(四)的更多相关文章

  1. js介绍，js三种引入方式，js选择器，js四种调试方式，js操作页面文档DOM（修改文本，修改css样式,修改属性）

    js介绍 js运行编写在浏览器上的脚本语言(外挂,具有逻辑性) 脚本语言:运行在浏览器上的独立的代码块(具有逻辑性) 操作BOM 浏览器对象盒子 操作DOM 文本对象 js三种引入方式 (1)行间式: ...

  2. JS四种判断数据类型的方法:typeof、instanceof、constructor、Object.prototype.toString.call()

    1.typeof 1 console.log(typeof ""); //string 2 console.log(typeof 1); //number 3 console.lo ...

  3. 第21篇 js四种继承方式

    js是一个很自由的语言,没有强类型的语言的那种限制,实现一个功能往往有很多做法.继承就是其中的一个,在js中继承大概可以分为四大类,上面一篇文章也提及过一些,下面开始详细说说js的继承. 1.原型继承 ...

  4. 「JavaScript」JS四种跨域方式详解

    原文地址https://segmentfault.com/a/1190000003642057 超详细并且带 Demo 的 JavaScript 跨域指南来了! 本文基于你了解 JavaScript ...

  5. cocos2d-x JS 四人麻将中的服务器位置与客户端位置转换相关

    前言:在写各类游戏编程中,都会遇到一个问题,就是位置问题,服务端的位置是与客户端的位置是不同的,这中间需要进行一个转化,客户端一套代码运行,不管是任何人登陆,该位置始终都是在屏幕正下方,所以这样就要进 ...

  6. [JS] 四角度旋转特效

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name ...

  7. JS四种方法去除字符串最后的逗号

    <script> window.onload=function() { var obj = {name: "xxx", age: 30, sex: "fema ...

  8. vue.js 四（指令和自定义指令）

    官方的指令说明已经很简单了,这里再写一遍,也是自己加深一下印象 v-text 就是写入单纯的文本,可以忽略这个指令直接双花括号代替 <span v-text="msg"> ...

  9. js 四 windows对象

    1 window 对象 1 window对象的属性 window对象的属性,又都是对象类型的 1 screen 对象 访问screen 对象 et: console.log(window.screen ...

随机推荐

  1. Java基础知识强化78：正则表达式之获取功能（案例）

    1. 获取下面这个字符串中由三个字符组成的单词. da jia ting wo shuo,jin tian yao xia yu,bu shang wan zi xi,gao xing bu? 2. ...

  2. 推荐一个CMMI认证查询网站

    随着软件企业的增多和意识的增强,越来越多公司开始做CMMI的认证评估,由于国内网速和CMMI官网的网站综合原因,打开速度超级慢. 所以本文推荐一个CMMI认证查询网站,认证后的结果查询可以点这里查询: ...

  3. WinAPI——谐振动的合成

    #include<Windows.h> #include<math.h> #define NUM 1000 #define PI 3.14159 LRESULT CALLBAC ...

  4. IPTV中的EPG前端优化

    先看一下IPTV相关情况: l 目前TPTV市场情况 a) 截止今年2月,全国IPTV总用户数达3630.2万,我国移动互联网用户规模接近9亿,人均月接入量近300M,8M宽带达半数,光纤近4成. 图 ...

  5. vim 学习笔记

    vim介绍:一款编辑器,另外一般linux系统会自带,所以一般linux下日志.配置文件等 纯文本文件的修改编辑等通过vim操作 学会的好处:1 方便操作linux下日志.配置文件等纯文本文件 2 功 ...

  6. BeanUtils--内省加强

    BeanUtils就是一个处理Bean的工具包.内部也是使用内省.但对内省做了加强. Bean的set |get不用再成对出现 核心类: BeanUtils. 1.导包

  7. Menu学习

    本文由博主(YinaPan)原创,转载请注明出处:http://www.cnblogs.com/YinaPan/p/Unity_Menu.html using UnityEditor; using U ...

  8. 你好，C++（29）脚踏两只船的函数不是好函数 5.4 函数设计的基本规则

    5.4  函数设计的基本规则 函数是C++程序的基本功能单元,就像一块块砖头可以有规则地垒成一座房子,而一个个函数也可以有规则地组织成一个程序.我们在大量使用他人设计好的函数的同时,也在设计大量的函数 ...

  9. 安装beautifulsoup的奇怪问题

    以前用的python2.7,改成3.4以后就重新下载了beatifulsoup4.解压到c:\Python34后.在cmd界面执行python setup.py install安装完成后.想看看安装成 ...

  10. 解决百度Ueditor编辑器表格不显示边框问题

    一.主要内容 CMS使用百度Ueditor编辑器中的表格功能,在编辑模式下可以正常显示边框,而文章发布之后表格不能显示边框.本博文经过查阅相关资料,最终解决了该问题. 二.使用平台 1. dedecm ...