jquery全屏图片滑动切换带左右按钮控制图片滑动切换效果代码

jquery全屏图片滑动切换带左右按钮控制图片滑动切换效果代码981
主要js
$(function() {	$("#focusIndex1").show();	$("#focusBar li").css("width",$(window).width());	$("a.arrL").mouseover(function(){stopFocusAm();}).mouseout(function(){starFocustAm();});	$("a.arrR").mouseover(function(){stopFocusAm();}).mouseout(function(){starFocustAm();});	$("#focusBar li").mouseover(function(){stopFocusAm();}).mouseout(function(){starFocustAm();});	starFocustAm();});	/*------focus-------*/$("#focusBar").hover(	function () {		$("#focusBar .arrL").stop(false,true);		$("#focusBar .arrR").stop(false,true);		$("#focusBar .arrL").animate({ left: 0}, { duration: 500 });		$("#focusBar .arrR").animate({ right: 0}, { duration: 500 });	}, function () {		$("#focusBar .arrL").stop(false,true);		$("#focusBar .arrR").stop(false,true);		$("#focusBar .arrL").animate({ left: -52}, { duration: 500 });		$("#focusBar .arrR").animate({ right: -52}, { duration: 500 });	});var timerFID;function nextPage() {	changeFocus(true);}function prePage() {	changeFocus(false);}var currentFocusI=1;var changeingFocus = false;function changeFocus(dir) {	if($("#focusBar li").length <= 1) return;	if(changeingFocus) return;	changeingFocus = true;		$("#focusIndex"+nextI).stop(false,true);	$("#focusIndex"+nextI+" .focusL").stop(false,true);	$("#focusIndex"+nextI+" .focusR").stop(false,true);		var nextI = dir?currentFocusI+1:currentFocusI-1;	nextI = nextI>$("#focusBar li").length?1:(nextI<1?$("#focusBar li").length:nextI);	//var focusWidth = $(window).width()>1000?1000:$(window).width();	$("#focusIndex"+currentFocusI).css("width",$(window).width());	$("#focusIndex"+nextI).css("width",$(window).width());	if(dir) {		$("#focusIndex"+nextI).css("left",$(window).width());		$("#focusIndex"+nextI+" .focusL").css("left",$(window).width()/2);		$("#focusIndex"+nextI+" .focusR").css("left",$(window).width()/2);		$("#focusIndex"+currentFocusI).show();		$("#focusIndex"+nextI).show();				$("#focusIndex"+currentFocusI+" .focusL").animate({left: -($(window).width()/2+1000)},300,'easeInExpo');		$("#focusIndex"+currentFocusI+" .focusR").animate({left: -($(window).width()/2+1000)},500,'easeInExpo',function(){				$("#focusIndex"+nextI+" .focusL").animate({left: -500},1000,'easeInOutCirc');				$("#focusIndex"+nextI+" .focusR").animate({left: -500},1200,'easeInOutCirc');								$("#focusIndex"+currentFocusI).animate({left: -$(window).width()},1000,'easeOutExpo');				$("#focusIndex"+nextI).animate({left: 0},1000,'easeOutExpo',function(){						$("#focusIndex"+currentFocusI).hide();						currentFocusI = nextI;						changeingFocus = false;				});		});	} else {		$("#focusIndex"+nextI).css("left",-$(window).width());		$("#focusIndex"+nextI+" .focusL").css("left",-($(window).width()/2+1000));		$("#focusIndex"+nextI+" .focusR").css("left",-($(window).width()/2+1000));		$("#focusIndex"+currentFocusI).show();		$("#focusIndex"+nextI).show();				$("#focusIndex"+currentFocusI+" .focusR").animate({left: $(window).width()/2},300,'easeInExpo');		$("#focusIndex"+currentFocusI+" .focusL").animate({left: $(window).width()/2},500,'easeInExpo',function(){				$("#focusIndex"+nextI+" .focusL").animate({left: -500},1200,'easeInOutCirc');				$("#focusIndex"+nextI+" .focusR").animate({left: -500},1000,'easeInOutCirc');								$("#focusIndex"+currentFocusI).animate({left: $(window).width()},1000,'easeOutExpo');				$("#focusIndex"+nextI).animate({left: 0},1000,'easeOutExpo',function(){						$("#focusIndex"+currentFocusI).hide();						currentFocusI = nextI;						changeingFocus = false;				});		});	}}function starFocustAm(){	timerFID = setInterval("timer_tickF()",12000);}function stopFocusAm(){	clearInterval(timerFID);}function timer_tickF() {	changeFocus(true);}

也许你还喜欢