2014年09月_sunlizhen

09月 08月

原创与网页上相同的tab栏效果

代码： var spans = document.getElementsByTagName("span");var lis = document.getElementsByTagName("li");for(var i = 0;ispans[i].index = i;spans[i].onmouseover = function(){for(var i =

2014-09-01 21:59:33 357

原创简易真正的tab栏

1.效果：点击每个按钮，相应的盒子就会出现：代码：var btn = document.getElementsByTagName("button");var lis = document.getElementsByTagName("li");for(var i = 0;ibtn[i].index = i;btn[i].onclick = function(){for(v

2014-09-01 21:57:31 244

原创循环中的this

1.效果：点击按钮，按钮变色。代码：var btn = document.getElementsByTagName("button");for(var i = 0;ibtn[i].onclick = function(){this.className = "current"; }}注解：每次点击都会变色，这样就是一个循环的过程。

2014-09-01 21:53:40 294

原创针对选择：

1.效果：上边有三个按钮。下边有10个复选框：点击第一个按钮，下边的复选框全选点击第二个按钮，下边的复选框全部撤销点击第三个按钮，反选（选中的会撤销，没有选中的会选中）；代码：

2014-09-01 21:47:08 230

原创 for循环

for（初始化；条件；增量）{ 执行语句;}说明：初始化参数告诉循环的开始位置，必须赋予变量的初值；条件：是用于判别循环停止时的条件。若条件满足，则执行循环体，否则跳出。增量：主要定义循环控制变量在每次循环时按什么方式变化。三个主要语句之间，必须使用”;”分号分隔。例：for (var i=0; i{ document.

2014-09-01 21:45:46 233

原创 while、do－while循环、switch 语句的语法

while循环 while(循环条件) { 执行语句； }do－while循环 do { 执行语句； }while(循环条件);

2014-09-01 21:45:27 526

原创点击不同按钮，弹出每个按钮的不同的内容：

1.代码：var btn = document.getElementsByTagName("button");for(var i = 0;ibtn[i].onclick = function(){alert(this.innerHTML); }}innerHTML是值内容。

2014-09-01 21:44:46 2297

原创定时器

1.setInterval(函数,间隔) 设置一个每间隔一定时间执行的函数，间隔时间以毫秒为单位；1000毫秒为一秒。可用来制作动画效果； clearInterval()可清除定时器； 2.setTimeOut(函数，时间) 设置函数定时执行一次；如果想要不间断的执行请使用setinterval（）；开启定时器

2014-09-01 21:43:04 338

原创竞拍结果

1.所做的效果是：在网上买东西竞拍时，点击按钮，输入你要增加的价钱，画面上就会显示原价与你输入的价格的总和：js源代码：var btn = document.getElementById("box1");var box = document.getElementById("all")var inner = document.getElementById("jg");btn.on

2014-09-01 21:35:27 335

原创 if 语句1 条件语句用于测试条件。

1.语法：if(条件) { JavaScript代码; }如果要执行多个语句，必须将这些语句放在一对大括号 ({ }) 内。但如果只要执行一个语句，则可以省略大括号 2.条件语句书写规范；为了提高代码的易读性；我们通常不把if语句写在一行；而是分成比较清晰明了的书写格式；常用写法if(条件) { JavaScript代

2014-09-01 21:32:38 657

原创比较运算符逻辑运算符

1.运算符说明示例= = 等于。如果两个操作数相等，则返回真。a = = b!=不等于。如果两个操作数不相等，则返回真。Var2 != 5>大于。如果左边的操作数大于右边的操作数，则返回真。

2014-09-01 21:30:58 407

原创动态添加文字

1.var btn = document.getElementsByTagName("button");var box = document.getElementById("box1");btn[0].onclick = function(){box.innerHTML = "动态添加文字"; }btn[1].onclick = function

2014-09-01 21:27:58 371

原创下拉菜单

1.简单的下拉菜单：var btn = document.getElementById("box2");var lis = document.getElementById("box3");lis.onmouseover = function(){btn.style.display = "block"; }lis.onmouseout = function(){

2014-09-01 21:26:40 216

原创换肤效果

var btn = document.getElementsByTagName("button");var box = document.getElementById("all");for(var i = 0;ibtn[i].onclick = function(){var colo =this.className;box.className = colo;}

2014-09-01 21:21:57 257

原创点击按钮，盒子消失

1.点击按钮。盒子消失。var btn = document.getElementsByTagName("button");var box = document.getElementsByTagName("div");for(var i = 0;ibtn[i].index = i;btn[i].onclick = function(){box[this.index].sty

2014-09-01 21:18:25 1036