一闪一闪亮晶晶

  1. <script type="text/javascript">
  2.         var nn = Number(prompt('请输入一个1-9的正整数！'));
  3.         var n =nn;
  4.         var num=n;
  5.         var star="*";
  6.         // document.write(num01);
  7.         for (var i = 0; i < n; i++) {
  8.  
  9.             for (var j = 0; j < num; j++) {
  10.                 document.write(star)
  11.  
  12.             }
  13.             --num;
  14.             document.write(n);
  15.             document.write("<br />");
  16.         }
  17.         n =nn;
  18.         for (var i = 1; i < n; i++) {
  19.  
  20.             for (var j = 0; j < i+1; j++) {
  21.                 document.write(star)
  22.  
  23.             }
  24.             document.write(n);
  25.             document.write("<br />");
  26.         }
  27.  
  28.     </script>

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

  1. <script type="text/javascript">
  2.     var i=0;
  3.     window.onload=function()
  4.     {
  5.         window.setInterval(Getimg,100);
  6.     }
  7.     function Getimg()
  8.     {
  9.         ++i
  10.         var imgObj=document.getElementById("imgId");
  11.         imgObj.src="data:images/dd_scroll_"+i+".jpg";
  12.         if (i==6)
  13.         {
  14.             i=0;
  15.         }
  16.     }
  17.     </script>
  18. </head>
  19. <body>
  20. <img id="imgId" src="" />
  21. </body>

点出满天小星星

  1. <script type="text/javascript">
  2.     function start2(e)
  3.     {
  4.         var x=e.clientX;
  5.         // document.write(x);
  6.         var y=e.clientY;
  7.         // document.write(y);
  8.  
  9.         // 创建节点
  10.         var imgObj=document.createElement("img");
  11.         // 挂载节点
  12.         document.body.appendChild(imgObj);
  13. 　　　　　
  14.         imgObj.src="1.png";
  15.         imgObj.width=getRandom(20,50);
  16.         imgObj.style.position = "absolute";
  17.         imgObj.style.left = x-imgObj.width/2 + "px";
  18.         imgObj.style.top = y-imgObj.width/2 + "px";
  19.  
  20.         // imgObj.style.left=
  21.     }
  22.     function getRandom(min,max)
  23.     {
  24.         var random=Math.random()*(max-min)+min;
  25.         return random;
  26.     }
  27.  
  28.     </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. oracle数据库实例，数据库的理解

    转自http://www.cnblogs.com/advocate/archive/2010/08/20/1804066.html 加深一下理解 数据库就是一个相片底片 实例就是相纸 一个底片可以冲多 ...

  2. bzoj1531: [POI2005]Bank notes（多重背包）

    1531: [POI2005]Bank notes Time Limit: 5 Sec  Memory Limit: 64 MBSubmit: 521  Solved: 285[Submit][Sta ...

  3. redis:消息发布与订阅频道

    1. 发布与订阅频道 消息发布与订阅像收音机与广播台的关系 1.1. publish channel message 发布频道 语法:publish channel message 作用:发布频道消息 ...

  4. 用单进程、多线程并发、多线程分别实现爬一个或多个网站的所有链接，用浏览器打开所有链接并保存截图 python

    #coding=utf-8import requestsimport re,os,time,ConfigParserfrom selenium import webdriverfrom multipr ...

  5. 使用iscroll，无法正常滑动的原因

    iscroll的dom元素的结构是固定的,swiper是容器,scroll是需要滚动的容器,list是滚动的内容 <div class="swiper"> <di ...

  6. js的几个补充事件

    在这里我做几个前面文章当中没有介绍的javascript补充事件 1.onscroll:当元素滚动条滚动时执行的事件: <div class="container"> ...

  7. GMA Round 1 简单的线性规划

    传送门 简单的线性规划 已知D(x,y)满足$\left\{\begin{matrix}x>-3\\ y>1\\ x+y<12\end{matrix}\right.$ 求$\frac ...

  8. .ipynb格式文件

    ipynb,即ipython notebook,需要用ipython notebook打开,IPython Notebook是web based IPython封装,但是可以展现富文本,使得整个工作可 ...

  9. 搭建SpringCloud-Eureka 注册中心以及服务提供与调用 快速了解 SpringCloud-Eureka

    原文地址:  搭建SpringCloud-Eureka 注册中心以及服务提供与调用   纸上得来终觉浅,绝知此事要躬行啊~果然看着很easy,自己搞起来就是各种坑~各位看官,容我慢慢道来~ 关于spr ...

  10. git强制提交本地分支覆盖远程分支

    git push origin 分支名 --force eg: cd 代码目录 git push origin master --force 运行结果: Total 0 (delta 0), reus ...