-
运动框架实现思路查看全部
-
听不懂,对我来说,没有接处过,太难了。查看全部
-
//获取内部样式 function getStyle(obj,attr){ if(obj.currentStyle){//针对IE浏览器 return obj.currentStyle[attr]; }else{//针对firefox浏览器 return getComputerStyle(obj,false)[atrr]; } }查看全部
-
获取元素的left值,在元素没有边框的情况下用offsetLeft比较好,因为获取的值为数字,可以直接加减,如果用obj.style.left的话获取的结果为字符串,还要用parseInt()转换成整数。查看全部
-
缓冲运动的速度值一定要转换成整数,不然将到达不了终点,是用Math.ceil(),还是Math.floor(),要看就提情况。查看全部
-
透明度兼容写法:见截图。查看全部
-
为防止动画累加,在每次触发动画事件时,应该先清除前一个没有完成的动画,即清除钱一池开启的定时器,然后这次再开启一个定时器。查看全部
-
以json对象的形式传参查看全部
-
getComputedStyle:用于Firefox、Chrome、Safari、Opera等浏览器,作用与currentStyle相同。 currentStyle 指浏览器当前显示的,如果用runtimeStyle 写入新样式,那么这个新样式权重最高,currentStyle的值亦改为新样式,所以可以说currentStyle是style 和 runtimeStyle 的结合。即运行时就是runtimeStyle ,否则就style 或currentStyle 。查看全部
-
style:标准的样式!可用来查询由html标签的style属性指定的样式。 currentStyle:可用来查询/修改外联或者内部样式表中的样式(仅IE、Opera)。 代表了在全局样式表、内嵌样式和 HTML 标签属性中指定的对象格式和样式。当使用currentStyle做条件判断是,要加上body,document.body.currentStyle,这样才能兼容上IE6,7。 runtimeStyle: 运行时的样式!如果与style的属性重叠,将覆盖style的属性。代表了居于全局样式表、内嵌样式和 HTML 标签属性指定的格式和样式之上的对象的格式和样式。查看全部
-
获取内部样式: function getStyle(obj,attr){ //curentStyle针对IE浏览器 if(obj.currentStyle){ return obj.currentStyle[attr]; } //getComputedStyle针对firefox浏览器 else{ return getComputedStyle(obj,false)[attr]; } }查看全部
-
//缓冲系数10 var speed = (iTarget-oDiv.offsetLeft)/10; //如果速度是正的 则向上取整。速度是负的向下取整 speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);查看全部
-
改写的 //多物体多运动模式 function startmove_4(obj, width, opacity){ //清除每个元素自己的定时器 clearInterval(obj.timer); //如果opacity没有传入 默认设置为100 if (!opacity) {opacity = 100}; obj.timer = setInterval(function(){ //定义速度,其中包括宽度变化的速度和透明度变化的速度 var speed = {width:null,opacity:null};查看全部
-
/*如果速度没有取整, 往左移动卡在-196.4px就停止移动了,因为oDiv.style.left的值为-196.4px,offsetLeft得到的值是整数而且总是-196,而speed的值总是0.4,*/查看全部
-
var speed = (iTarget-oDiv.offsetLeft)/10; //如果速度是正的 则向上取整。速度是负的向下取整 speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);查看全部
举报
0/150
提交
取消