摘要：
要加整个页面加事件要使用document，例如要捕抓鼠标位置document.onclink=function(ev) //FireFox Chrome默认都是有一个值传进来的{ var oEvent=ev||event; //兼容IE和FireFox Chrome 只要一个为真就可以执行 alert(oEvent.clientX); };/*取消事件冒泡*/oDiv.onclick=function(ev){ oEvent=ev||event; oEvent.cancelBubble=true;} 阅读全文
摘要：
效果:发布时高度慢慢增大，透明度也同时变为100思路：1、创建li2、li的值是从文本框获取的 li.innerHtml=txt.value;3、清空文本框 txt.value='';4、if判断如果没有内容的时候就appendChild插入，如果有内容就倒序插入。5、用offsetHeight获取li高度，先把li高度设置为0，再通过运动框架设置li高度和透明度JS代码：View Code 1 <script> 2 window.onload=function() 3 { 4 var oUl=document.getElementById('ul' 阅读全文
摘要：
淘宝幻灯片效果：能自动播放，鼠标指向或者点击数字按钮就能切换图片。实现思路：1、for循环给数字按钮加上点击事件。2.for循环先把按钮的样式清空，再把当前样式设置样式。3、给每个按钮添加自定义属性index aBtn[i].index=i aBtn[2]=2 第二个按钮和第二张图片想对应，用运动框架把大图的UL每次移动-150px，因为图片高度是150px。如果移动到第n张图片就是-150*n。4、定义变量now，用来自动播放用的。把当前图片赋值给now now=this.index。5、定义自动播放函数。now++ 下一张，if判断，到最后一张图片的时候就把now设置为0，就是第一张。 i 阅读全文
摘要：
运动框架思路：1、取物体对象的样式当前值。if判断，如果是opacity要怎样，不是的要怎样2、算运动速度。3、判断是否停止。4、设置 阅读全文
摘要：
完美运动框架：可以同时运动，以往的运动框架都是一个运动完另一个再运动，完美运动框架是支持多个运动同时进行，把之前的对象属性值attr和目标值iTarget用json替换。点击打开代码 1 <script> 2 function startMove(obj,json,fnEnd) 3 { 4 clearInterval(obj.timer); //清除当前对象的定时器 5 obj.timer=setInterval(function() //定义当前对象的定时器 6 { 7 var bStop=true; //假设：所有值都已经到了 ... 阅读全文
摘要：
链式运动框架在任意运动框架的基础上加了一个形参，一共四个形参 对象,属性,运动目标值,函数 obj,attr,iTarget,fnEnd链式运动框架代码：View Code 1 <script> 2 function startMove(obj,attr,iTarget,fnEnd) 3 { 4 clearInterval(obj.timer); //清除当前对象的定时器 5 obj.timer=setInterval(function(){ //定义当前对象的定时器 6 var cur=0; 7 8 if(att... 阅读全文
摘要：
效果：1、上面大图鼠标移到左边就过渡显示左边的按钮，鼠标移到右边就过渡显示右边的按钮。2、点击下方缩略图时大图就切换为相应的并有一个拉窗帘的效果。3、缩略图有透明度，鼠标移入缩略图就不透明。4、按大图按钮切换图片，缩略图会相应切换。5、自动播放，当图片播放到最后一张时自动返回从第一张开始。实现思路：一、大图左右按钮：1、在大图上弄2个遮罩层，opacity透明度设置为0，当鼠标移出左边或者右边的运动框架时，通过运动框架使按钮opacity从0变为100，鼠标移出时就把opacity从100变为02、按钮opacity透明度设置为0，鼠标移出按钮时通过运动框架使按钮opacity从0变为100， 阅读全文
摘要：
function getByClass(oParent, sClass) //两个形参，第一个对象oParent 第二个样式名class{ var aEle=oParent.getElementsByTagName('*'); //从对象里选择所有元素 var aResult=[]; //空数组 for(var i=0;i<aEle.length;i++) //历遍所有oParent元素里面的所有元素 { if(aEle[i].className==sClass) //当有oParent元素里面的元素类名和传进来的类名是一样的 { aResult.push(aEle[i] 阅读全文
摘要：
任意值运动框架思路：1、任意值运动框架带有3个形参，第一个是obj对象，第二个是attr属性，第三个是iTarget对象运动的目标值。2、清除当前对象的定时器 clearInterval(obj.timer)3、设置定时器 obj.setInterval(function(){},30)3.1、定义一个空的cur用来设置当前属性。3.2、因为有时候是opacity透明度运动，所以就要用if else加一个判断1 if(attr=='opacity'){2 cur=Math.round(parseFloat(getStyle(obj,attr))*100); //opacity要 阅读全文
摘要：
offset类来获取物体的值很方便，但是offset存在一个bug，就是当给offset设置border的时候，offset获取值就不起作用。offset类的替代方法：parseInt(getStyle(obj,name));如 oDiv.offsetWidth=parseInt(getStyle(oDiv,'width'));getStyle是获取物体样式的函数，必须有个函数才能获取到样式，具体如下： 1 <script> 2 fuction getStyle(obj,name) //obj对象 name属性名 3 { 4 if(obj.currentSty... 阅读全文