                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /FullPage.js全屏滾動(dòng)插件

不使用move.js ，如何來(lái)控制css動(dòng)畫效果

如果不使用move.js ，如何來(lái)控制css動(dòng)畫效果呢？

夢(mèng)境大師

2015-11-29

源自：FullPage.js全屏滾動(dòng)插件 3-2

關(guān)注問(wèn)題我要回答

1885

操作

收起

2 回答

Tsukiis
2016-03-11

也可以用jQuery 自己的animate()函數(shù)(詳細(xì)用法請(qǐng)參考jQuery 官網(wǎng)或API文檔)，如：

afterLoad:function(link,index){
? ?switch(index){
? ? ? ?case 1:
? ? ? ? ? ?$(".section1 h1").animate({fontSize:"42"},700);
? ? ? ? ? ?$(".section1 p").animate({marginTop:"10px"},700);
? ? ? ? ? ?break;
? ? ? ?case 2:
? ? ? ? ? ? ? ?$(".section2 h1").animate({fontSize:"40px"},700);
? ? ? ? ? ?break;

? ? ? ? ? ?………………

? ? }

不過(guò)最后一屏的旋轉(zhuǎn)動(dòng)畫我用這個(gè)函數(shù)或者css()函數(shù)都沒實(shí)現(xiàn)出來(lái)，所以最后還是引入了move.js。