一闪一闪亮晶晶

<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. Vue常用模块

    1.npm install Vue-Awesome-Swiper@v2.6.7 --save 实现轮播图 2.npm install axios  发送请求get,post

  2. Ubuntu安装软件时提示依赖项配置错误

    在终端中使用dpkg安装软件时有时会出现依赖项配置错误的情况, 解决方法是使用指令 sudo apt-get install -f 安装Ubuntu 16.04新系统不再配有的缺失依赖项,之后再次输入 ...

  3. JavaScript立即执行函数学习

    1.新建对象,方法内变量作用域理解错误 var md1 = { count: 0, add: function () { count++; }, sub: function () { count--; ...

  4. 搭建TFS 2015 Build Agent环境(四)

    在通过TFS做DI时,我们经常用到FTP文件上传.TFS发布中,提供了cURL上载文件功能.要想使用此功能,请参考下面步骤启用: 1.登录BuildAgent所在的机器 2.打开cmd(以管理员权限运 ...

  5. 将Django部署到Linux

    https://cloud.tencent.com/developer/labs/lab/10372

  6. java 上传图片 并压缩图片大小（转）

    Thumbnailator 是一个优秀的图片处理的Google开源Java类库.处理效果远比Java API的好.从API提供现有的图像文件和图像对象的类中简化了处理过程,两三行代码就能够从现有图片生 ...

  7. redis查看状态信息

    redis查看状态信息 info all|default Info 指定项 server服务器信息 redis_version : Redis 服务器版本 redis_git_sha1 : Git S ...

  8. spring mvc \ spring boot 允许跨域请求 配置类

    用@Component 注释下,随便放个地方就可以了 package com.chinaws.wsarchivesserver.core.config; import org.springframew ...

  9. ASP.NET 使用 plupload 上传大文件时出现“blob”文件的Bug

    最近在一个ASP.NET 项目中使用了plupload来上传文件,结果几天后客户发邮件说上传的文件不对,说是文件无法打开 在进入系统进行查看后发现上传的文件竟然没有后缀,经过一番测试发现如果文件上传的 ...

  10. t-io 集群解决方案以及源码解析

    t-io 集群解决方案以及源码解析 0x01 概要说明 本博客是基于老谭t-io showcase中的tio-websocket-showcase 示例来实现集群.看showcase 入门还是挺容易的 ...