<delect id="fpxnv"><progress id="fpxnv"><p id="fpxnv"></p></progress></delect>

    <sub id="fpxnv"><listing id="fpxnv"></listing></sub>
    <nobr id="fpxnv"></nobr>

    <font id="fpxnv"><listing id="fpxnv"><ruby id="fpxnv"></ruby></listing></font>

        <rp id="fpxnv"><dfn id="fpxnv"></dfn></rp>

      <sub id="fpxnv"><listing id="fpxnv"></listing></sub>
        <track id="fpxnv"><noframes id="fpxnv"><big id="fpxnv"></big>

          <ins id="fpxnv"></ins>

          <dfn id="fpxnv"></dfn>

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

          亚洲gv永久无码天堂网_久久精品国产精品亚洲艾草网_色窝窝无码一区二区三区成人_精品2021露脸国产偷人在视频
          <delect id="fpxnv"><progress id="fpxnv"><p id="fpxnv"></p></progress></delect>

            <sub id="fpxnv"><listing id="fpxnv"></listing></sub>
            <nobr id="fpxnv"></nobr>

            <font id="fpxnv"><listing id="fpxnv"><ruby id="fpxnv"></ruby></listing></font>

                <rp id="fpxnv"><dfn id="fpxnv"></dfn></rp>

              <sub id="fpxnv"><listing id="fpxnv"></listing></sub>
                <track id="fpxnv"><noframes id="fpxnv"><big id="fpxnv"></big>

                  <ins id="fpxnv"></ins>

                  <dfn id="fpxnv"></dfn>