課程
/前端開(kāi)發(fā)
/JavaScript
/JS動(dòng)畫(huà)效果
js/move.js是怎么寫(xiě)的啊,大神能不能發(fā)給我
2016-02-21
源自:JS動(dòng)畫(huà)效果 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、取當(dāng)前的值
?? 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、停止檢測(cè)
?? if(icur==iTarget){
?? clearInterval(obj.timer);
?? if(fn){
?? ? ?fn();
//設(shè)置階段 ?
?? ? ?if(attr=='opacity'){
??obj.style.filter='alpha(opacity:'+(icur+speed)+')';
?obj.style[attr]=(icur+speed)/100;
?? }else
?? {
?? ?obj.style[attr]=icur+speed+'px';
?? }},30)
繼續(xù)丶向前 提問(wèn)者
舉報(bào)
通過(guò)本課程JS動(dòng)畫(huà)的學(xué)習(xí),從簡(jiǎn)單動(dòng)畫(huà)開(kāi)始,逐步深入各種動(dòng)畫(huà)框架封裝
3 回答求助?。?!
1 回答求助?。。?!
5 回答求助,不動(dòng)
4 回答求助 這一節(jié)動(dòng)畫(huà)最后透明度變成0.88了,沒(méi)有變回1,求大神幫助看看
1 回答醉了,醉了,求助
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
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、取當(dāng)前的值
?? 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、停止檢測(cè)
?? if(icur==iTarget){
?? clearInterval(obj.timer);
?? if(fn){
?? ? ?fn();
?? }
?? }else{
//設(shè)置階段 ?
?? ? ?if(attr=='opacity'){
??obj.style.filter='alpha(opacity:'+(icur+speed)+')';
?obj.style[attr]=(icur+speed)/100;
?? }else
?? {
?? ?obj.style[attr]=icur+speed+'px';
?? }
?? }},30)
?}