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

环亚国际娱乐