-
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基礎，你就能創造更多意想不到的效果！
