-
1、startFun/endFun介紹
SuperSlide能處理大部分效果,但也不是萬能。當遇到一些特殊效果時或者想實現更炫的效果時,這兩個函數可以幫到我們,前提是你有一定的javascript基礎。
startFun:每次切換效果開始時執行函數,用于處理特殊情況或創建更多效果。用法 satrtFun:function(i,c){ }; 其中i為當前分頁,c為總頁數
endFun:每次切換效果結束時執行函數,用于處理特殊情況或創建更多效果。用法 endFun:function(i,c){ }; 其中i為當前分頁,c為總頁數 -
例如:調用下面的SuperSlide,并使用startFun和endFun會看到下面效果
jQuery("#slideBox").slide({ mainCell:".bd ul",autoPlay:true,effect:"left",delayTime:2000,interTime:8000, startFun:function(i,c){ $("#textarea").val( $("#textarea").val()+ "第"+(i+1)+"個效果開始,同時執行startFun函數。當前分頁狀態:"+(i+1)+"/"+c+"\r\n") }, endFun:function(i,c){ $("#textarea").val( $("#textarea").val()+ "第"+(i+1)+"個效果結束,開始執行endFun函數。當前分頁狀態:"+(i+1)+"/"+c+"\r\n") } });
-
2、實例演示
現在我們用endFun做一個效果:當圖片切換效果結束時,文字才從下滾上來顯示。
-
代碼如下:
jQuery("#slideBox1").slide({ mainCell:".bd ul",autoPlay:true,effect:"left", endFun:function(i,c){ jQuery("#slideBox1 .tit").css({"bottom":-30}).eq(i).animate({"bottom":0}); jQuery("#slideBox1 .bg").css({"bottom":-30}).eq(i).animate({"bottom":0}); } });
怎么?心動吧,如果你有一定的js基礎,你就能創造更多意想不到的效果!