課程
/前端開發(fā)
/JavaScript
/JS動畫效果
老師，您好，能提供一些move.js的源碼么~~~~~
2015-07-27
源自：JS動畫效果 7-1
正在回答
function getStyle(obj,attr){?? ?if(obj.currentStyle){?? ??? ?return obj.currentStyle[attr];?? ??? ?}else{?? ??? ?return getComputedStyle(obj,false)[attr];?? ??? ??? ?}?? ?}?? ?function move(obj,json,fn){clearInterval(obj.timer);obj.timer=setInterval(function(){?? ?var flag=true; ??? ?for(var attr in json){?? ??? ??? ?var par=0;?? ?if(attr=='opacity'){?? ??? ?var par=Math.round(parseFloat(getStyle(obj,attr))*100);?? ??? ?}else{?? ??? ??? ?var par=parseInt(getStyle(obj,attr));?? ??? ??? ?}???? var speed=(json[attr]-par)/20;?? ? speed=speed>0?Math.ceil(speed):Math.floor(speed);?? ? if(par!=json[attr]){?? ???? flag=false;?? ? } ?? ??? ? ?? ?if(attr=='opacity'){?? ??? ?obj.style.filter='alpha(opacity:'+(par+speed)+')';?? ??? ?obj.style.opacity=(par+speed)/100;?? ?}else{?? ??? ? ?? ??? ? obj.style[attr]=par+speed+"px";?? ?}?? ??? ??? ??? ? ?? ? ?? ?}?? ?if(flag){?? ??? ?? clearInterval(obj.timer);?????????????????????? if(fn){? //檢測是否有回調(diào)函數(shù)，有就執(zhí)行?????????????????????????? fn();?????????????????????? }?? ??? ??? ??? ??? ??? ?}?? ??? ?},15);}
自己嘗試著封裝下，哪里不會再把視頻看看，很容易就自己做出來了。著東西不動手看了也用處不大。
舉報
通過本課程JS動畫的學(xué)習(xí)，從簡單動畫開始，逐步深入各種動畫框架封裝
1 回答求move.js的源碼
1 回答有沒有老師的move.js
1 回答有人可以提供一下7-2jqurey動畫案例的源代碼么？
1 回答比起老師的startMove是不是能夠用JS本身提供的animate更好呢？
3 回答老師可以提供一下素材嗎？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-03-15
function getStyle(obj,attr){
?? ?if(obj.currentStyle){
?? ??? ?return obj.currentStyle[attr];
?? ??? ?}else{
?? ??? ?return getComputedStyle(obj,false)[attr];
?? ??? ??? ?}
?? ?}
?? ?
function move(obj,json,fn){
clearInterval(obj.timer);
obj.timer=setInterval(function(){
?? ?var flag=true; ?
?? ?for(var attr in json){
?? ??? ?
?? ?var par=0;
?? ?if(attr=='opacity'){
?? ??? ?var par=Math.round(parseFloat(getStyle(obj,attr))*100);
?? ??? ?}else{
?? ??? ??? ?var par=parseInt(getStyle(obj,attr));
?? ??? ??? ?}
???? var speed=(json[attr]-par)/20;
?? ? speed=speed>0?Math.ceil(speed):Math.floor(speed);
?? ? if(par!=json[attr]){
?? ???? flag=false;
?? ? } ?? ??? ?
?? ?if(attr=='opacity'){
?? ??? ?obj.style.filter='alpha(opacity:'+(par+speed)+')';
?? ??? ?obj.style.opacity=(par+speed)/100;
?? ?}else{?? ??? ?
?? ??? ? obj.style[attr]=par+speed+"px";
?? ?}
?? ??? ?
?? ??? ? ?? ?
?? ?}
?? ?if(flag){
?? ??? ?? clearInterval(obj.timer);
?????????????????????? if(fn){? //檢測是否有回調(diào)函數(shù)，有就執(zhí)行
?????????????????????????? fn();
?????????????????????? }
?? ??? ?
?? ??? ?
?? ??? ?}
?? ?
?? ?},15);
}
2016-01-11
自己嘗試著封裝下，哪里不會再把視頻看看，很容易就自己做出來了。著東西不動手看了也用處不大。