javascript运动框架用法实例分析（实现放大与缩小效果)

本文实例讲述了爪哇岛描述语言运动框架用法。分享给大家供大家参考，具体如下：

该运动框架可以实现多物体任意值运动

运行效果截图如下：

例子：

！doctype html html ownerta charset=' utf-8 '标题运动框架/title style # div 1 { width :100 px；高度：100 px背景：红色；位置：绝对；left :0 top :50 pxo capacity :0.3 filter : alpha(不透明度=30);}/style脚本窗口。onload=function(){ var OBtn=document。getelementbyid(' BTN 1 ')；var oDiv=文档。getelementbyid(' div 1 ')；奥宾。onclick=function() { startMove(oDiv，{width:200，height:200，opa city 3360100 }，function(){ startMove(oDiv，{width:100，height:100，opa city 336030 })；});};};函数getStyle(obj，attr){ if(obj。currentstyle){ return obj。current style[attr]；} else { return getComputedStyle(obj，false)[attr]；} }函数startMove(obj，json，fn){ clearInterval(obj。计时器)；物体。timer=setInterval(function(){ var bStop=true；for(JSON中的var attr){ var ICur=0；if(attr=='不透明度){ ICur=Math。round(ParseFloat(GetStyle(obj，attr))* 100)；} else { ICur=ParSeint(GetStyle(obj，attr))；} var iSpeed=(JSON[attr]-ICur)/8；iSpeed=iSpeed0？数学。最高时速：楼层(I速)；如果(iCur！=JSON[attr]){ bSTop=false；} if(attr=='不透明度){ obj.style.filter='alpha(不透明度='(ICur isPeed)')'；物体。风格。不透明度=(ICur IsPeed)/100；} else { obj。style[attr]=ICur isPeed ' px '；} } if(bStop){ clearInterval(obj。计时器)；if(fn){ fn()；} } }, 30);}/script/head dyinput id=' BTN 1 ' type=' button ' value='运动/div id='div1'/div/body/html更多关于Java脚本语言运动效果相关内容可查看本站专题： 《JavaScript运动效果与技巧汇总》

希望本文所述对大家Java脚本语言程序设计有所帮助。