2014年03月_陆康永

12月 11月 10月 07月 05月 04月 03月

原创层，文字跟随鼠标移动效果

页面上的跟随鼠标的文字 onmousemove="mover()">POSITION: absolute" ,>function mover(){document.all.x1.style.left = event.clientX+10;document.all.x1.style.top = event.clientY+10;}

2014-03-24 08:49:50 1294

转载 pageY ClientY 不同浏览器获取鼠标停留位置

pageX,clientX,offsetX,layerX的区别原文链接：http://www.funnyhao.com/pagex-clientx-offsetx-layerx-of-those-things/在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_John Resig大

2014-03-24 08:44:45 1074

转载 document.body.scrollTop用法

document.body.scrollTop用法编辑器加载中...网页可见区域宽：document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包

2014-03-23 20:37:41 691

原创动态产生表格（节点创建）

table{border:1px #FF0000 groove;}td{border:1px #0000FF dotted}.r1{border:1px #0000FF dotted;background-color:#FFFFFF;}.r2{background-color:#00FFFF;};function createTale(row,col){var row=

2014-03-17 21:00:54 766

原创创建动态表格（节点创建以及表格隔行变色）

table{border:1px #FF0000 groove;}.r1{border:1px #0000FF dotted;background-color:#FFFFFF;}.r2{background-color:#00FFFF;};function createTale(row,col){var table=document.createElement("t

2014-03-17 11:16:33 1788

原创 call（）方法和属性的继承

无标题文档/*function Animal(){this.name="animal";this.showName=function(){alert(this.name);}}function Cat(){this.name="cat";}var animal=new Animal();var cat=new Cat();animal.s

2014-03-16 14:33:40 1411

原创从对象创建到构造函数以及原型对象（prototype的使用，属性的共享）

无标题文档/*var s={}; //这里的花括号里面是没有值得s.name="ww3";s.age=32;s.show=function(){alert(s.name+":"+s["age"]);}s.show();*//*var s={ //这里的花括号里面是有值得name:"wws", //这里是用，分割的

2014-03-16 13:26:39 731

原创计算时间差

无标题文档function calDay(){var date=new Date();document.getElementById("currentDate").innerText=date.toLocaleDateString();var year=document.getElementById("year").value;var month=document.getE

2014-03-15 21:38:22 788

原创制作简单的日期选择的下拉菜单

无标题文档var date=new Date()var year=date.getFullYear();for(i=1900;iif(i==year){document.write(""+i+"");}else{document.write(""+i+"")}}年var date=new Date();var month=date

2014-03-15 20:20:14 915

原创简单图片自动切换效果

无标题文档var imagesetB=1;ANIMA=new Array();for(i=0;iANIMA[i]=new Image();ANIMA[i].src="image/image"+i+".jpg";}function anime_1(){document.animation.src=ANIMA[imagesetB].src;imagesetB++

2014-03-14 10:43:05 885

原创事件调用时,通过数组t同一位置文件路径的替换来达到切换图片的效果

事件调用时通过数组同意位置文件路径的替换来达到切换图片的效果var buttonimage=new Array();for(i=1;ibuttonimage[i]=new Image();buttonimage[i].src="image/button"+ i +".jpg";}function setImage1(flag,position){document.i

2014-03-14 10:38:55 846

原创面向对象与原型【37】---原型的弊端（组合构造模式+原型模式）

面向对象与原型【37】---原型的弊端/*function Box(){};Box.prototype={constructor:Box,name:"Lee",age:"2012",family:["哥哥","姐姐","弟弟"],run:function(){return this.name+this.age+"运行中...."}};var box1=

2014-03-13 21:31:34 627

原创面向对象与原型【36】--原型字面量写法

面向对象语言-原形/*function Box(){};var box=new Box();//alert(box.prototype);//使用对象实例无法访问到prototype//alert(box._poto_);//使用对象实例访问prototype的指针alert(Box.prototype);//使用构造函数名（对象名）访问protytype；*/fu

2014-03-13 18:36:13 932

原创 /面向对象语言/与原型模式【35】

面向对象与原型//构造函数/*function Box(name,age){ //实例属性this.name=name;this.age=age;this.run=function(){ //实例方法return this.name+this.age+"运行中..."}}*///原型//我们创建的每一个函数都有一个prototype(原型)属性，这个

2014-03-13 17:56:15 692

原创面向对象语言【33】---工厂模式【34】----构造函数

面向对象语言/*var box=new Object(); //创建对象box.name="lee"; //创建属性box.age="2012";box.run=function(){return this.name+this.age} //创建方法方法，this表示实例化出来的那个对象，this要放在一个作用域下，如box.run（）{}；这个事box作用域下的方法菜

2014-03-13 09:38:56 599

原创验证码创建，以及验证码输入判断；

验证码#ran{width:100px;height:20px;border:#333333 solid 1px;background-color:#999999;color:#CC0066;display:inline-block;padding:0px 10px 0px 10px;}var sum=""; //需要设置一个全局对象，否则sum+无法引用var attr=""

2014-03-12 22:22:20 1000