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. ls Common Command-Line Options

    ls  Common Command-Line Options Command  Use: ls -l    Shows a long listing, which includes informat ...

  2. Java多线程——线程同步

    在之前,已经学习到了线程的创建和状态控制,但是每个线程之间几乎都没有什么太大的联系.可是有的时候,可能存在多个线程多同一个数据进行操作,这样,可能就会引用各种奇怪的问题.现在就来学习多线程对数据访问的 ...

  3. Asp.net中用户自定义控件 ascx的使用

    使用ascx目的就是为了提高某部分功能的重复利用,我简单通过源代码说一下对它的参数的输入和数出. 我们以省市区三级连动为例子. vs2005下ascx页面的代码: <table width=&q ...

  4. 图片跟着鼠标动js

    <!DOCTYPE html><html><head> <title>duisgf</title> <meta charset=&qu ...

  5. 从BufferedImage到InputStream，实现绘图后进行下载（生成二维码图片并下载）

    @SuppressWarnings("resource") public void download() throws Exception{ String filename = & ...

  6. spring源码分析构建

    命令如下: ant ant install-maven ant jar package E:\download\spring-framework-3.1.3.RELEASE\build-spring- ...

  7. Android Design Support Library: 学习CoordinatorLayout

    简述 CoordinatorLayout字面意思是"协调器布局",它是Design Support Library中提供的一个超级帧布局,帮助我们实现Material Design ...

  8. C#01

    C#语言 求4名同学三门成绩的平均值 using System; using System.Collections.Generic; using System.Linq; using System.T ...

  9. C++ template随笔

    话题从重用开始说起: 最基本的重用,重用一个方法,被重用的逻辑被抽取封装成为方法,之后我们把方法当成一种工具来使用(处理数据,输入输出,或者改变状态). 来到了面向对象的时代,如果这个方法出现父类上面 ...

  10. 使用SOCKET TCP

    刚刚接触SOCKET编程,网上看了一些资料,发现做些简单的应用还是不难.但是要深入了解SOCKET编程还需要系统的看一些书.一般在进程间通信TCP是一种不错的方式. ---XXX TCP链接是面向流的 ...