課程
/前端開發
/JavaScript
/JS動畫效果
js/move.js是怎么寫的啊，大神能不能發給我
2016-02-21
源自：JS動畫效果 5-1
正在回答
?function getStyle(obj,attr){
?? ?if(obj.currentStyle){
return obj.currentStyle[attr];
}
else{
?? ? ?return getComputedStyle(obj,false)[attr];
??}
?}
?function startMove(obj,iTarget,attr,fn){
?? ? ? clearInterval(obj.timer);
?? obj.timer=setInterval(function(){
var icur=0;
//1、取當前的值
?? if(attr=='opacity'){
?? ?
?? ? ? ? ?icur=Math.round(parseFloat(getStyle(obj,attr))*100);
?? }else{
?? ? ? ? ?icur=parseInt(getStyle(obj,attr));
?? }
?? //2、算速度
?? ? ? var speed=(iTarget-icur)/10;
?? var speed=speed>0?Math.ceil(speed):Math.floor(speed);
?//3、停止檢測
?? if(icur==iTarget){
?? clearInterval(obj.timer);
?? if(fn){
?? ? ?fn();
//設置階段 ?
?? ? ?if(attr=='opacity'){
??obj.style.filter='alpha(opacity:'+(icur+speed)+')';
?obj.style[attr]=(icur+speed)/100;
?? }else
?? {
?? ?obj.style[attr]=icur+speed+'px';
?? }},30)
繼續丶向前 提問者
舉報
通過本課程JS動畫的學習，從簡單動畫開始，逐步深入各種動畫框架封裝
3 回答求助?。?！
1 回答求助?。。?！
5 回答求助，不動
4 回答求助 這一節動畫最后透明度變成0.88了，沒有變回1，求大神幫助看看
4 回答求大神幫忙看一下，看了一下午就是不知道哪里出錯了，求助?。?！
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-02-21
?function getStyle(obj,attr){
?? ?if(obj.currentStyle){
return obj.currentStyle[attr];
}
else{
?? ? ?return getComputedStyle(obj,false)[attr];
??}
?}
?function startMove(obj,iTarget,attr,fn){
?? ? ? clearInterval(obj.timer);
?? obj.timer=setInterval(function(){
var icur=0;
//1、取當前的值
?? if(attr=='opacity'){
?? ?
?? ? ? ? ?icur=Math.round(parseFloat(getStyle(obj,attr))*100);
?? }else{
?? ? ? ? ?icur=parseInt(getStyle(obj,attr));
?? }
?? //2、算速度
?? ? ? var speed=(iTarget-icur)/10;
?? var speed=speed>0?Math.ceil(speed):Math.floor(speed);
?//3、停止檢測
?? if(icur==iTarget){
?? clearInterval(obj.timer);
?? if(fn){
?? ? ?fn();
?? }
?? }else{
//設置階段 ?
?? ? ?if(attr=='opacity'){
??obj.style.filter='alpha(opacity:'+(icur+speed)+')';
?obj.style[attr]=(icur+speed)/100;
?? }else
?? {
?? ?obj.style[attr]=icur+speed+'px';
?? }
?? }},30)
?}