<cite id="uab1u"></cite><rp id="uab1u"><nav id="uab1u"></nav></rp>
  1. <tt id="uab1u"><form id="uab1u"><delect id="uab1u"></delect></form></tt><tt id="uab1u"><form id="uab1u"><delect id="uab1u"></delect></form></tt>
  2. <tt id="uab1u"><noscript id="uab1u"><delect id="uab1u"></delect></noscript></tt>
  3. js代碼_js特效免費下載_JS特效代碼網   網頁特效   鼠標特效   js圖片相冊   js特效代碼大全
    當前位置:首頁 > 網頁特效 > JS廣告代碼 > JS幻燈片

    jquery banner插件實現全屏圖片放大縮小切換輪播特效代碼

    發布時間:2016-03-07 19:57:32    您是第0位瀏覽者

    本js特效代碼兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等瀏覽器

    jquery banner插件實現全屏圖片放大縮小切換輪播特效代碼
    (function ($) {
       $.fn.swBanner=function(options){
         var defaults={
    	     animateTime:300,
    		 delayTime:5000
    	 }
       var setting=$.extend({},defaults,options);
       
       return this.each(function(){
          $obj=$(this);
    	  var o=setting.animateTime;
    	  var d=setting.delayTime;
    	  var $oban=$obj.find(".banList li");
    	  var _len=$oban.length;
    	  var $nav=$obj.find(".fomW a");
    	  var _index=0;
    	  var timer;
    	  //圖片輪換
    	  function showImg(n){
    	     $oban.eq(n).addClass("active").siblings().removeClass("active");
    		 $nav.eq(n).addClass("current").siblings().removeClass("current");
    	  }
    	  //自動播放
    	  function player(){
    	    timer=setInterval(function(){
    		   var _index=$obj.find(".fomW").find("a.current").index();
    		   showImg((_index+1)%_len);
    		},d)
    	  }
    	  //
    	  $nav.click(function(){
    	     if(!($oban.is(":animated"))){
    	     _index=$(this).index();
    		 showImg(_index);
    		 }
    	  });
    	  //
    	  $oban.hover(function(){
    	    clearInterval(timer);
    	  
    	  },function(){
    	    player();
    	  
    	  });
    	   player();
       });
       
       }
    })(jQuery);

    調用方法:

    $(function() {
    	$(".banner").swBanner()
    });



    jquery特效 圖片輪播 圖片切換 全屏

    jQuery特效圣誕下雪花_js特效圣誕雪花特效代碼

    jquery.slider多種過渡效果的圖片輪播幻燈片特效

    js仿微運5.0網站全屏圖片輪播特效

    jquery仿華誼兄弟首頁3D圖片輪播特效

    jquery實現選項卡形式,四屏焦點圖片輪播特效,帶控制的選項卡輪播

    jquery 3D圖片輪播效果

    jquery仿hao123帶新聞標題圖片輪播滾動特效代碼

    青海快3 www.shyhdt1688.com:乌苏市| www.hg61456.com:永济市| www.3iiiii.com:博爱县| www.aryavartcollege.com:积石山| www.franczyzy.com:南皮县| www.kaimasu-online.com:青阳县| www.weblogic-training.com:泗水县| www.zijiamai.com:丰城市| www.chaton-mignon.com:中方县| www.instantasshole.com:文昌市| www.raycorodriguez.com:巨野县| www.brillonenbarrois.org:双牌县| www.merryzoe.com:垦利县| www.zzchaguan.com:克东县| www.geile-sexdate.com:滕州市| www.tiantaojiaosu.com:凤翔县| www.zjyoushun.com:无极县| www.jdtzwd.com:霍山县| www.mastersengenharia.com:察隅县| www.zhgtymodel.com:中超| www.canproimmigration.com:灵宝市| www.hg97345.com:大新县| www.caitaocongtrinh.com:信阳市| www.gzmaituo.com:遂川县| www.tbspp.com:大洼县| www.lushundoors.com:昌江| www.aloeveramedicine.com:开鲁县| www.fjgwg.com:昂仁县| www.njkaigao.com:会东县| www.morethanmusichk.org:南投县| www.hg68345.com:稻城县| www.snsenggs.com:广元市| www.summonerscentral.com:肥城市| www.gzjunhao88.com:施秉县| www.fapuc.com:武乡县| www.beautyincarnate.com:灵丘县| www.planetonegame.com:宜城市| www.zhgtymodel.com:金秀| www.gcxlsj.com:宁南县| www.sufeautolights.com:塔城市| www.lunglinks.com:永寿县| www.mfnnf.com:鄱阳县| www.mindsonthemarkets.com:昭通市| www.altoconhecimento.com:铜梁县| www.youqushu.com:横山县| www.bleed-x.com:英德市| www.jingpindj.com:颍上县| www.nbphq.cn:镇康县| www.geofastexpress.com:汝州市| www.lujiahuanbao.com:喀什市| www.6220k.com:蕉岭县| www.cnsxmr.com:鹤壁市| www.electmikehein.com:灵丘县| www.beautifulhealthyliving.com:特克斯县| www.tayfuncetinkaya.com:永川市| www.x5china.com:常山县| www.pyweitong.com:海口市| www.onetimeofferz.com:陕西省| www.cloncurrytravel.com:佳木斯市| www.foorat.com:泰和县| www.philjohannes.com:宁国市| www.taian720.com:临沭县| www.cgkdw.cn:泸溪县| www.xiexiaosuan.com:雷山县| www.xm707.com:会泽县| www.xxjxzz.com:哈尔滨市| www.s9893.com:静乐县| www.breakfastbrampton.com:康乐县| www.tw-graphics.com:凌源市| www.corsidilinguaitaliana.com:安吉县| www.lyhszp.com:宿州市| www.brixton-hardware.com:隆尧县| www.cillianmurphy.net:黑水县| www.snsenggs.com:岳阳市| www.fanpz.com:东丰县| www.dechavanne.net:象州县| www.dvmus.com:渝北区| www.carouselshow.com:湖州市| www.pornofilmid.net:资溪县| www.nazliyarim.com:光泽县| www.cp7576.com:洛川县| www.cirugiatop.com:丹凤县| www.escenamobile.com:溆浦县| www.jlbtz.com:徐州市|