一闪一闪亮晶晶

<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. IDEA 配置datasource，提升编码效率，让你在 Mapper.xml 中编写sql可以飞起来~

    IDEA 2018 创建springboot工程后,如果你打开一个.sql文件,或者一个mybatis的mapper.xml文件,会提示: No data source are configured ...

  2. Prime Path[POJ3126] [SPFA/BFS]

    描述 孤单的zydsg又一次孤单的度过了520,不过下一次不会再这样了.zydsg要做些改变,他想去和素数小姐姐约会. 所有的路口都被标号为了一个4位素数,zydsg现在的位置和素数小姐姐的家也是这样 ...

  3. 浅谈AJAX基本实现流程

    1.js中ajax实现流程: (1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2) 创建一个新的HTTP请求,并指定该HTTP请求的方法.URL及验证信息. (3) 设置 ...

  4. 前端工程化系列[05] Yeoman脚手架使用入门

    Yeoman是一款流行的前端的脚手架工具. 脚手架工具可以用来快速的自动生成项目的必要文件和基础文件结构.Yeoman使用的内建命令为yo,同时它自己也是一个包管理工具和自动化任务工具,它基于特定的模 ...

  5. Wordpress上一篇文章和下一篇文章

    <div class="chapter"> <div class="prev"><?php previous_post_link( ...

  6. wriesharek同时监听多个端口

    之前的文章<wireshark解析自定义的protobuf协议> ,当时只监听了一个端口,而如果游戏同时有二个 socket 连接,比如一个是网关另外一个是其它的,怎么办呢? for i, ...

  7. jvm理论-运行时数据区

    三大流行jvm sun HotSpot ibm j9 BEA JRockit Oracle 会基于HotSpot整合 JRockit. jvm运行时数据区 java虚拟机所管理的内存将会包括以下几个运 ...

  8. Java 基础【19】代理

    Java 代理(Proxy)模式与现实中的代理含义一致,如旅游代理.明星的经纪人. 在目标对象实现基础上,增加额外的功能操作,由此来扩展目标对象的功能. JavaWeb 中最常见的过滤器.Struts ...

  9. MongoDB下Map-Reduce使用简单翻译及示例

    目录 Map-Reduce JavaScript 函数 Map-Reduce 行为 一个简单的测试 原文地址https://docs.mongodb.com/manual/core/map-reduc ...

  10. TFS online build change web.config

    概要 TFS online 自动编译时如何修改web.config ref:https://dustinoprea.com/2016/05/06/using-tokenization-token-re ...