一闪一闪亮晶晶

<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. BZOJ4962 : 简单的字符串

    枚举子串的中心,往两侧扩展,将两侧对应位置的字符交替写下来,得到一个字符串$S$. 若前后长度为$L$的子串循环同构,则在$S$中它们对应长度为$2L$的前缀,需要满足它可以由不超过$2$个偶回文串拼 ...

  2. 【Luogu3381】【模板】缩点

    本文同步发表于https://www.zybuluo.com/Gary-Ying/note/1235385 题目描述 给定一个n个点m条边有向图,每个点有一个权值,求一条路径,使路径经过的点权值之和最 ...

  3. spring项目出现无法加载主类

    问题:eclipse总是运行之前的项目,新改变的项目内容,不运行.于是我想要是清理缓存,网上说project--->clean指定的项目就可以 但是clean后就无法加载主类了,项目上还出现了红 ...

  4. docker 清理容器的命令

    执行以下命令会彻底清除所有容器. docker rm -f $(docker ps -qa) rm -rf /var/lib/etcd /var/lib/cni /var/run/calico rm ...

  5. Django REST framework 中的序列化器

    在此之前定义一个序列化工具:     views中的的代码 from rest_framework.viewsets import ModelViewSet from .models import B ...

  6. python之函数第二篇

    一.名称空间与作用域 名称空间分类: 内置名称空间 import this dir(buil-in) 查看全部内置 全局名称空间 局部名称空间 在函数体内等 查询全局和局部 globals()方法可以 ...

  7. 关于js的函数

    1.获取内容的兼容函数 /* * 一: 获取内容的兼容函数 * setText(obj, str) * 思路: * 1.首先判断浏览器: * 2.如果是IE浏览器,就用innerText: * 3.如 ...

  8. [CentOS7]redis设置开机启动，设置密码

    简介 上篇文章介绍了如何安装redis,但每次重启服务器之后redis不会自启,这里将介绍如何进行自启设置,以及如何设置redis的密码,进行密码验证登陆. 上篇文章: Centos7安装Redis ...

  9. jeffy-vim-v3.1.tar.gz

    下载链接: https://files.cnblogs.com/files/pengdonglin137/jeffy-vim-v3.1.tar.gz 1. 使用sublimemonokai配色 2. ...

  10. python测试开发django-57.xadmin选项二级联动

    前言 当我们选择项目分类的时候,一个项目下关联多个模块,同时有这两个选项框的时候,需要实现选中一个项目,模块里面自动删除出该项目下的模块,如下图这种 解决基本思路: 1.写个jqeury脚本监听cha ...