課程
/前端開發
/JavaScript
/JS動畫效果
我寫的鼠標移入，就不能回來了！加了直接定值30px，也沒有出現，感覺亂了！能看看代碼嗎？
2015-11-15
源自：JS動畫效果 7-1
正在回答
function startMove(obj,json,fn){
var frag=true;
clearInterval(obj.timer);
obj.timer=setInterval(function(){
for(var att in json){
var wid=0;
//判斷是否為設置透明度屬性
if (att=='opacity') {
wid=Math.round(parseFloat(getStyle(obj,att))*100);
}else{
wid=parseInt(getStyle(obj,att));
} ?
var speed=(json[att]-wid)/8;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if (json[att]!=wid) {
frag=false;
}
obj.style.filter='alpha(opacity:'+(wid+speed)+')';
obj.style.opacity=(wid+speed)/100;
} else {
obj.style[att]=wid+speed+'px';
if (frag) {
if (fn) {
fn();
},30);
//獲取obj的屬性方法，兼容瀏覽器
function getStyle(obj,att){
if (obj.currentStyle) {
return obj.currentStyle[att];
return getComputedStyle(obj,false)[att];
舉報
通過本課程JS動畫的學習，從簡單動畫開始，逐步深入各種動畫框架封裝
1 回答動畫案例中
5 回答js動畫效果顯示不出來
2 回答js動畫改動怎么不出效果呢？
6 回答動畫案例那一節的問題
1 回答請問有沒有人有JS這個動畫案例的圖標和代碼
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-11-27
function startMove(obj,json,fn){
var frag=true;
clearInterval(obj.timer);
obj.timer=setInterval(function(){
for(var att in json){
var wid=0;
//判斷是否為設置透明度屬性
if (att=='opacity') {
wid=Math.round(parseFloat(getStyle(obj,att))*100);
}else{
wid=parseInt(getStyle(obj,att));
} ?
var speed=(json[att]-wid)/8;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if (json[att]!=wid) {
frag=false;
}
if (att=='opacity') {
obj.style.filter='alpha(opacity:'+(wid+speed)+')';
obj.style.opacity=(wid+speed)/100;
} else {
obj.style[att]=wid+speed+'px';
}
}
if (frag) {
clearInterval(obj.timer);
if (fn) {
fn();
}
}
},30);
}
//獲取obj的屬性方法，兼容瀏覽器
function getStyle(obj,att){
if (obj.currentStyle) {
return obj.currentStyle[att];
}else{
return getComputedStyle(obj,false)[att];
}
}