一闪一闪亮晶晶

<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. IntelliJ IDEA配置Springboot2.x 通过devtools实现代码热部署，提高调试效率

    1.pom.xml添加依赖: <dependency> <groupId>org.springframework.boot</groupId> <artifa ...

  2. C#中#region和#endregion的用法

    一.用法说明 #region 说明 Program1 #endregion 二.作用 (1)注释其中间的代码段 (2)折叠中间的代码块(折叠后的说明文字为#region后面的说明)

  3. Python 数据结构和算法

    阅读目录 什么是算法 算法效率衡量 算法分析 常见时间复杂度 Python内置类型性能分析 数据结构 顺序表 链表 栈 队列 双端队列 排序与搜索 冒泡排序 选择排序 插入排序 希尔排序 快速排序 归 ...

  4. 在 fragment 里面调用 findViewById

    public class CompanyListFragment  extends Fragment { private Activity activity;   private ListView c ...

  5. Oracle ORA-12541,ORA-12514错误

    1.昨天发布tomcat 成功,但登录后报错,无法打开hibernate session,检查后发现数据库无法连接 2.用PL/SQL登录数据库,报 ora-12541,TNS 无监听程序,百度发现需 ...

  6. all to do list

    要做的任务: 1. docker 学习 2. python docker应用 3. python 异步爬虫 4. python 词云 5. Java根据代码自动生成接口文档(Swagger)  > ...

  7. IO流（4）—字符流

    1.IO体系: 抽象基类 --节点流(文件流) InputStream -- FileInputStream OutputStream --FileOutputSteam Reader --FileR ...

  8. pygame 笔记-10 摩擦力与屏幕环绕

    多年前写过一篇 Flash/Flex学习笔记(25):摩擦力与屏幕环绕,可惜的当时上传的flash,服务器后来无人维护,现在flash链接都失效了.本篇用pygame重新实现了一个: 原理是类似,但要 ...

  9. cocos creator热更新教程

    1.下载HotUpdate热更新DEMO 2.在cocos creator中下载热更新插件,cocos creator版本要在1.7及以上版本 3.插件默认安装在C:\Users\Administra ...

  10. 海康威视(iOS集成)

    一.注意事项 1.在开发海康威视的SimpleDemo时,最好使用真机,因为海康提供的5个库不支持模拟的i386架构. 2.在XCode9.3版本上运行SimpleDemo时,对.mm文件进行编辑时, ...