服务器与运维

当前位置:澳门新莆京娱乐官网 > 服务器与运维 > 创建运动框架的实现代码_基础知识_脚本之家

创建运动框架的实现代码_基础知识_脚本之家

来源:http://www.drgigabytes.com 作者:澳门新莆京娱乐官网 时间:2019-12-28 22:21

包装好的活动框架Move,可径直调用:

可用来安装width、border、fontSize、marginLeft、opacity等重重成千成万属性值的变速变化,达成各样有意思效果。

兼容IE和FF。复制代码 代码如下:/**************** * * IE-BUG: * 在IE中,设置opacity属性时,元素样式中须求设置opacity属性,技艺读取到opacity值。 * * obj:成分对象。 attr:用引号包围的属性名。 iTarget:属性目的值。 * *****************/

function Move{ clearInterval;//关闭前三个电火花计时器,清除对同个对象同期调用多少个Move(State of Qatar时,机械漏刻叠合难题。使用obj.timer给每种调用Move(卡塔尔(قطر‎的对象付与各自的反应计时器,幸免多个对象同一时间调用Move(卡塔尔国时,同用一个计时器,而引致相关郁闷难题。 obj.timer=setInterval{ var cur=0;//创制七个变量,用于存储attr属性每时每刻的值 if{ //针对在FF中opacity属性值为浮点数值难题,将属性值 四舍五入、调换到浮点型。乘以100,使opacity属性值与IE统意气风发为百分数 cur=Math.round(parseFloat*100卡塔尔(قطر‎; }else{ cur=parseInt;//将除opacity外的习性(width/fontSize/MarginLeft等卡塔尔国的开首值 调换为整型 } var speed=/10;//创设递减的进程speed变量。完成属性值的变速更换

speed=speed>0?Math.ceil:Math.floor;//取整,解决浏览器忽视小于1px的数值 招致移动结束时,离目的值Itarget少多少个像素的主题素材

if{//当指标值等于目的值时,甘休停车计时器 clearInterval; }else{ cur+=speed;//当前值cur 加上 依次减少的快慢值speed if{ // 分别对IE和FF设置opacity属性值 obj.style.filter="阿尔法"; //for IE obj.style.opacity=cur/100; //for FF }else{ obj.style[attr]=cur+"px"; //给钦点属性attr 加多值cur+speed } } },30卡塔尔; } //getStyle(卡塔尔(قطر‎函数 用于包容IE和FF:获取 对象的 非洲开发银行间样式中的属性的值。 obj:成分对象。 name:属性名。 function getStyle{ if{ return obj.currentStyle[name];//for IE }else{ return getComputedStyle[name];//for FF } }

本文由澳门新莆京娱乐官网发布于服务器与运维,转载请注明出处:创建运动框架的实现代码_基础知识_脚本之家

关键词: