一闪一闪亮晶晶

<script type="text/javascript">

        var nn = Number(prompt('请输入一个1-9的正整数！'));

        var n =nn;

        var num=n;

        var star="*";

        // document.write(num01);

        for (var i = 0; i < n; i++) {

            for (var j = 0; j < num; j++) {

                document.write(star)

            }

            --num;

            document.write(n);

            document.write("<br />");

        }

        n =nn;

        for (var i = 1; i < n; i++) {

            for (var j = 0; j < i+1; j++) {

                document.write(star)

            }

            document.write(n);

            document.write("<br />");

        }

    </script>

window对 图片自动切换 要求：使用延时器和定时器来制作。

<script type="text/javascript">

    var i=0;

    window.onload=function()

    {

        window.setInterval(Getimg,100);

    }

    function Getimg()

    {

        ++i

        var imgObj=document.getElementById("imgId");

        imgObj.src="data:images/dd_scroll_"+i+".jpg";

        if (i==6)

        {

            i=0;

        }

    }

    </script>

</head>

<body>

<img id="imgId" src="" />

</body>

点出满天小星星

<script type="text/javascript">

    function start2(e)

    {

        var x=e.clientX;

        // document.write(x);

        var y=e.clientY;

        // document.write(y);

        // 创建节点

        var imgObj=document.createElement("img");

        // 挂载节点

        document.body.appendChild(imgObj);

　　　　　

        imgObj.src="1.png";

        imgObj.width=getRandom(20,50);

        imgObj.style.position = "absolute";

        imgObj.style.left = x-imgObj.width/2 + "px";

        imgObj.style.top = y-imgObj.width/2 + "px";

        // imgObj.style.left=

    }

    function getRandom(min,max)

    {

        var random=Math.random()*(max-min)+min;

        return random;

    }

    </script>

JavaScript学习历程03的更多相关文章

  1. JavaScript学习历程和心得体验

    一.前言 在过去,JavaScript只是被用来做一些简单的网页效果,比如表单验证.浮动广告等,所以那时候JavaScript并没有受到重视.自从AJAX开始流行后,人们发现利用JavaScript可 ...

  2. JavaScript学习历程02

    自定义对象 <script type="text/javascript"> window.prompt("欢迎?","请在此输入您的姓名. ...

  3. JavaScript学习历程01

    水仙花数 ps:各位数字立方和等于该数本身 方法1 (数组) <script type="text/javascript"> var i = 100; var newi ...

  4. JavaScript学习03 JS函数

    JavaScript学习03 JS函数 函数就是包裹在花括号中的代码块,前面使用了关键词function: function functionName() { 这里是要执行的代码 } 函数参数 函数的 ...

  5. JavaScript学习04 对象

    JavaScript学习04 对象 默认对象 日期对象Date, 格式:日期对象名称=new Date([日期参数]) 日期参数: 1.省略(最常用): 2.英文-数值格式:月 日,公元年 [时:分: ...

  6. JavaScript 引入方式 语言规范 语言基础 数据类型 常用方法 数组 if_else 比较运算符 for while 函数 函数的全局变量和局部变量 {Javascript学习}

    Javascript学习 JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript ...

  7. JS高级学习历程-6

    PHP菜鸟学习历程-6 [闭包案例] 1 闭包创建数组 <!DOCTYPE html> <html lang="en"> <head> < ...

  8. JavaScript基本入门03

    目录 JavaScript 入门基础 03 JavaScript构造函数 常用事件和事件处理函数 小练习 数据类型之间的差异性 数组 介绍 创建 数组的常规使用 数组的length属性 数组当中常见的 ...

  9. day 46 Javascript学习

    Javascript学习   JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScri ...

随机推荐

  1. Java 消除过期的对象引用

    内存泄漏的第一个常见来源是存在过期引用. import java.util.Arrays; import java.util.EmptyStackException; public class Sta ...

  2. .Net转Java.03.受查异常和非受查异常

    转到Java以后发现一个很妖的事情,为啥有些方法后边有个 throws XXXXException 比如下面的代码 @Override public <T> ResponseEntity& ...

  3. Socket.IO学习之基础入门

    原文:http://blog.csdn.net/weichuang_1/article/details/48831957 这里贴出Socket.IO官网 一.Socket.IO的介绍 Socket.I ...

  4. vue-cli配置多入口多出口，实现一个项目两个访问地址，区分不同上线环境

    最近工作中需要把项目分割成两块,一块需要跑在微信中,通过微信jdk获取用户资料默认登录,一部分需要给原生app做webview的内嵌页面,当然这部分内容是不跑在微信中的. 所以我想到了把项目分成两部分 ...

  5. tp5.1的安装与运行流程

    今天安装tp5.1的时候出现问题,我这里使用的是将tp直接解压缩后放在项目里面,结果提示下面的错误:Warning: require(D:\workspace\zhiyuedu\vendor/topt ...

  6. jquery-网站收藏

    jquery跑马灯:http://www.dowebok.com/demo/188/index3.html

  7. 【jQuery Demo】图片切换效果整理

    图片的切换效果有很多,比较常见的有水平滚动.垂直滚动.淡入淡出等.我们接下来一一实现这些效果. 1.水平滚动 1) 我们先来实现HTML页面,代码很简单: <div id="conta ...

  8. [Python设计模式] 第18章 游戏角色备份——备忘录模式

    github地址:https://github.com/cheesezh/python_design_patterns 题目 用代码模拟以下场景,一个游戏角色有生命力,攻击力,防御力等数据,在打Bos ...

  9. linux下安装EJBCA 搭建私有CA服务器

    linux下安装EJBCA 搭建私有CA服务器 EJBCA是一个全功能的JAVA的CA系统软件,我们可以用此搭建私有CA服务器: 一:首先我的测试环境: 1.  linux mint18.3 62位: ...

  10. protobuf的简单使用

    操作系统 : CentOS7.3.1611_x64 gcc版本 :4.8.5 go 版本 : go1.8.3 linux/amd64 Python 版本 : 2.7.5 libprotoc : 2.5 ...