課程
/前端開發(fā)
/JavaScript
/JS實(shí)現(xiàn)“旋轉(zhuǎn)木馬”幻燈片效果
第一幀取了上一幀,也就是最后一幀的屬性,那第二幀取得的第一幀的屬性不是成了最后一幀的屬性值了么。怎么還能取得第一幀原來的屬性啊
2016-04-03
源自:JS實(shí)現(xiàn)“旋轉(zhuǎn)木馬”幻燈片效果 2-10
正在回答
你在zIndexArr.push(zIndex);后面答應(yīng)一些數(shù)據(jù),再在animate執(zhí)行完畢之后的回調(diào)函數(shù)后再打印一個(gè)數(shù)據(jù),
this.posterItems.each(function(){
var self = $(this),
prev = self.prev().get(0)?self.prev():_this_.posterLastItem,
width = prev.width(),
height = prev.height()
zIndex = prev.css('zIndex'),
opacity = prev.css('opacity'),
left = prev.css('left'),
top = prev.css('top');
zIndexArr.push(zIndex);
console.log(123);
self.animate({
width : width,
height : height,
opacity : opacity,
left : left,
top : prev.css('top')
},_this_.setting.speed,function(){
console.log(456);
_this_.rotateFlag = true;
});
你會(huì)發(fā)現(xiàn),先輸出li個(gè)數(shù)個(gè)123,在輸出li個(gè)數(shù)個(gè)456,這說明前面的獲得屬性實(shí)現(xiàn)執(zhí)行完了的,再執(zhí)行的動(dòng)畫。
奧利奧太甜 提問者
舉報(bào)
JS組件封裝,制作一個(gè)圖片幻燈片切換效果,一起學(xué)習(xí)吧
3 回答旋轉(zhuǎn)木馬做出來了,怎么居中啊
2 回答知道錯(cuò)哪里了~~·為什么我的data-setting console不出來
1 回答左旋轉(zhuǎn)右旋轉(zhuǎn)中的get(0)有什么用啊,求回答
1 回答ZIndex的值直接通過animate動(dòng)畫過渡設(shè)置
1 回答圖片和代碼下載不了
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-04-10
你在zIndexArr.push(zIndex);后面答應(yīng)一些數(shù)據(jù),再在animate執(zhí)行完畢之后的回調(diào)函數(shù)后再打印一個(gè)數(shù)據(jù),
this.posterItems.each(function(){
var self = $(this),
prev = self.prev().get(0)?self.prev():_this_.posterLastItem,
width = prev.width(),
height = prev.height()
zIndex = prev.css('zIndex'),
opacity = prev.css('opacity'),
left = prev.css('left'),
top = prev.css('top');
zIndexArr.push(zIndex);
console.log(123);
self.animate({
width : width,
height : height,
opacity : opacity,
left : left,
top : prev.css('top')
},_this_.setting.speed,function(){
console.log(456);
_this_.rotateFlag = true;
});
});
你會(huì)發(fā)現(xiàn),先輸出li個(gè)數(shù)個(gè)123,在輸出li個(gè)數(shù)個(gè)456,這說明前面的獲得屬性實(shí)現(xiàn)執(zhí)行完了的,再執(zhí)行的動(dòng)畫。