$(function() { $(".banner .bannerpic li").each(function(){$(this).width($(".banner").width());}); $(".banner .bannerpic").slides( { move:1, auto:true, display:1, speed:1200, auto_interval:8000, prev_next:true, prev:$(".banner .prev"), next:$(".banner .next"), prev_next_hover:"hover", prev_next_cycle:true, prev_next_hide:true, direction_cycle:true, slidebtn:true }); $(".newspicswitch .newscon ul").slides( { slidebtn_box:$(".newspicswitch .slidebtn"), move:1, auto:true, display:1, speed:1500, auto_interval:5000, slidebtn:true, move_way:"fade" }); }); /*参数注释 slide_box:所在容器。slidebtn_align不为none时,必须设定slidebox move_control:需要移动的元素 move:每次移动个数 move_way:移动方式,rool为滚动,fade为渐隐渐现 display:显示个数 offset:移动距离微调 speed:自动移动所需时间、无间歇移动间隔时间最好小于50 auto:是否自动运行 auto_interval:自动运行间隔时间 top:是否上下移动 auto2:是否无间歇的移动 direction:无间歇的移动的方向(参数:left、right、top、bottom) priv_next:是否显示上下按钮 prev:上一个按钮 next:下一个按钮 prev_next_hover:上下按钮移上去样式 prev_next_hide:鼠标移到或移出容器后是否消失 prev_next_cycle:点击上下按钮是否循环移动 direction_cycle: 循环移动时是否一直是一个方向移动,mover必须为1 disabled:上下按钮禁用样式 slidebtn:是否显示数字控件 slidebtn_box:数字控件样式。当slidebtn_align不为none时,slidebtn_box的样式必须为position:absolute slidebtn_html:是否自动填充控件内容 slidebtn_control:数字控件标签 slidebtn_num:数字控件是否显示数字 slidebtn_hover:数字控件选中样式 slidebtn_align:数字控件对齐方式。参数(none、left、right、center。none:不操作;left:左对齐(样式中可以直接控制左对齐,该处只控制容器宽度);center;居中;right:右对齐) slidebtn_offset:数字控件间距。当slidebtn_align不为none时,改值可根据margin和padding的值设定*/ (function($){$.fn.slides=function(options){var settings={slide_box:$(".slide"),move_control:"li",move:1,move_way:"roll",display:5,offset:0,speed:500,auto:false,auto_interval:3000,top:false,auto2:false,direction:"left",prev_next:false,prev:$(".prev"),next:$(".next"),prev_next_hover:"",prev_next_hide:false,prev_next_cycle:false,direction_cycle:false,disabled:"disabled",slidebtn:false,slidebtn_html:true,slidebtn_box:$(".slidebtn"),slidebtn_control:"li",slidebtn_num:false,slidebtn_hover:"no",slidebtn_align:"none",slidebtn_offset:0};if(options){$.extend(settings,options)}var _this=this;var sum=_this.find(settings.move_control).length;if(sum==0){if(settings.prev_next&&!settings.auto2&&!settings.prev.hasclass(settings.disabled)){settings.prev.addclass(settings.disabled)}if(settings.prev_next&&!settings.auto2&&!settings.next.hasclass(settings.disabled)){settings.next.addclass(settings.disabled)}return false}var _sum=sum;if(settings.auto2){var _html="";var imax=math.ceil(2*settings.display/sum);imax=imax<2?2:imax;for(var i=0;isum){if(last==sum&&settings.prev_next_cycle){last-=first;first=0}else{first+=sum-last;last=sum}}else{first+=settings.move;last+=settings.move}move_slide()}}).hover(function(){clearinterval(_auto);if(settings.prev_next_hide){settings.prev.show();settings.next.show()}if(settings.prev_hover!=""&&!$(this).hasclass(settings.prev_next_hover)&&!$(this).hasclass(settings.disabled)){$(this).addclass(settings.prev_next_hover)}},function(){start_slide();$(this).removeclass(settings.prev_next_hover)})}if(settings.slidebtn&&!settings.auto2){settings.slidebtn_box.find(settings.slidebtn_control).hover(function(){if(settings.prev_next_hide){settings.prev.show();settings.next.show()}clearinterval(_auto);if(!is_working&&!$(this).hasclass(settings.slidebtn_hover)){$(this).addclass(settings.slidebtn_hover).siblings(settings.slidebtn_control).removeclass(settings.slidebtn_hover);var i=settings.slidebtn_box.find(settings.slidebtn_control).index($(this));var imax=1;if(settings.direction_cycle){imax=math.ceil(3*settings.display/sum);imax=imax<3?3:imax;if(i<=(sum/imax)){i=i+(sum/imax)}}first=settings.move*i;last=settings.display+first;if(first>sum-settings.display)first=sum-settings.display;if(last>sum)last=sum;move_slide()}},function(){start_slide()})}function loadsetting(){first=0;last=settings.display;if(settings.prev_next&&!settings.auto2){if(!settings.prev_next_cycle){settings.prev.addclass(settings.disabled);if(settings.display>=sum||sum<=0){last=sum;settings.next.addclass(settings.disabled)}else{settings.next.removeclass(settings.disabled)}}if(settings.auto&&settings.speed>=settings.auto_interval){settings.auto_interval=settings.speed+200}}if(settings.slidebtn&&!settings.auto2){var btn="";var _btn=settings.slidebtn_control;if(settings.slidebtn_html){var btnmax=math.ceil((sum-settings.display)/settings.move)+1;var imax=1;if(settings.direction_cycle){imax=math.ceil(3*settings.display/sum);imax=imax<3?3:imax;if(settings.display==1)btnmax=math.ceil((sum/imax-settings.display)/settings.move)+1;else btnmax=math.ceil(((sum-settings.display)/settings.move)/imax)+1}for(var i=0;i"+(settings.slidebtn_num==true?(i+1):"")+""}settings.slidebtn_box.html(btn)}if(settings.slidebtn_align!="none"&&settings.slide_box.length>0){settings.slidebtn_box.width((settings.slidebtn_box.find(_btn).eq(0).width()+settings.slidebtn_offset)*settings.slidebtn_box.find(_btn).length);if(settings.slidebtn_align=="center"){settings.slidebtn_box.css({"left":math.ceil((settings.slide_box.width()-settings.slidebtn_box.width())/2)+"px"})}if(settings.slidebtn_align=="right"){settings.slidebtn_box.css({"left":(settings.slide_box.width()-settings.slidebtn_box.width())+"px"})}}}if(settings.direction_cycle){first=math.ceil(sum/3);last=first+settings.display;if(settings.top){_this.css({"margintop":"-"+first*distance+"px"})}else{_this.css({"marginleft":"-"+first*distance+"px"})}}if(settings.prev_next_hide){settings.prev.hide();settings.next.hide()}if(settings.move_way=="fade"){_this.find(settings.move_control).eq(0).css("opacity","1").show().siblings().css("opacity","0").hide()}}function start_slide(){if(settings.auto&&sum>0&&settings.displaysum){first+=sum-last;last=sum}else{first+=settings.move;last+=settings.move}move_slide()}else{first=0;last=settings.display;move_slide()}}},settings.auto_interval)}else if(settings.auto2){var max=0;for(var i=0;i<_sum;i++){max+=(settings.top==true?_this.find(settings.move_control).eq(i).height():_this.find(settings.move_control).eq(i).width())+settings.offset}_auto=setinterval(function(){if(settings.direction=="left"){var ml=parseint(_this.css("marginleft"));ml--;if(ml<0-max){ml=0}_this.css({"marginleft":ml+"px"})}else if(settings.direction=="right"){var ml=parseint(_this.css("marginleft"));ml++;if(ml>=0){ml=0-max}_this.css({"marginleft":ml+"px"})}else if(settings.direction=="top"){var ml=parseint(_this.css("margintop"));ml--;if(ml<0-max){ml=0}_this.css({"margintop":ml+"px"})}else{var ml=parseint(_this.css("margintop"));ml++;if(ml>=0){ml=0-max}_this.css({"margintop":ml+"px"})}},settings.speed)}}function move_slide(){if(!is_working){is_working=true;if(settings.prev_next&&!settings.auto2){if(!settings.prev_next_cycle){if(first==0){settings.prev.addclass(settings.disabled)}if(first>0){settings.prev.removeclass(settings.disabled)}if(last=(sum/imax)){i=i-(sum/imax)}}settings.slidebtn_box.find(settings.slidebtn_control).eq(i).addclass(settings.slidebtn_hover).siblings(settings.slidebtn_control).removeclass(settings.slidebtn_hover)}if(settings.move_way=="fade"){_this.find(settings.move_control).eq(first).show().stop().animate({opacity:1},settings.speed).siblings().stop().animate({opacity:0},settings.speed,function(){_this.find(settings.move_control).eq(first).siblings().hide();is_working=false})}else{if(settings.top){_this.animate({"margintop":"-"+first*distance+"px"},settings.speed,function(){is_working=false;cyclereset()})}else{_this.animate({"marginleft":"-"+first*distance+"px"},settings.speed,function(){is_working=false;cyclereset()})}}}}function cyclereset(){if(settings.direction_cycle){if(first>=sum*2/3||first==0){first=math.ceil(sum/3);last=first+settings.display;if(settings.top){_this.css({"margintop":"-"+first*distance+"px"})}else{_this.css({"marginleft":"-"+first*distance+"px"})}}}}}})(jquery);