                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /FullPage.js全屏滾動插件

不使用move.js ，如何來控制css動畫效果

如果不使用move.js ，如何來控制css動畫效果呢？

夢境大師

2015-11-29

源自：FullPage.js全屏滾動插件 3-2

關注問題我要回答

1899

操作

收起

2 回答

Tsukiis
2016-03-11

也可以用jQuery 自己的animate()函數(詳細用法請參考jQuery 官網或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;

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

? ? }

不過最后一屏的旋轉動畫我用這個函數或者css()函數都沒實現出來，所以最后還是引入了move.js。