2012年3月13日
用js实现同一页面多个不同运动效果
摘要： 效果如下，每一个的运动效果都不一样哟~~1234要点一：function getstyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; }else{ return getComputedStyle(obj,false)[name]; }}从样式表中根据id和属性名取值。要点二：if(attr == "opacity"){ cur = Math.round(parseFloat(getstyle(obj,attr))*100); }else{ cur = parseInt(getstyle(o 阅读全文
posted @ 2012-03-13 23:45 jingangel 阅读(928) 评论(0) 推荐(0)
用js实现分享到随页面滚动而滑动效果
摘要： 页面向上向下滚动，分享到的模块随着滑动。要点：var scrtop =document.documentElement.scrollTop||document.body.scrollTop; var height = document.documentElement.clientHeight||document.body.clientHeight; var top = scrtop + (height - share.offsetHeight)/2; top = parseInt(top);获得页面垂直居中的位置上代码：<!DOCTYPE html><html>< 阅读全文
posted @ 2012-03-13 16:05 jingangel 阅读(2098) 评论(0) 推荐(0)
用js实现缓冲运动效果
摘要： 效果如下，一开始速度很快，然后慢下来，直到停止。 要点：var speed = (target-box.offsetLeft)/8; 目标点减去元素的当前位置的值除以8,因为offsetleft的值是一直在变大，所以速度的值也是一直的变小 speed = speed>0?Math.ceil(speed):Math.floor(speed); 正向速度的时候向上取整，反向速度的时候向下取整上代码<!DOCTYPE html><html><head><meta charset="gb2312" /><title> 阅读全文
posted @ 2012-03-13 11:01 jingangel 阅读(6345) 评论(0) 推荐(1)