jQuery网站主页图片轮播滚动切换特效代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jQuery网站主页图片轮播滚动切换特效代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery网站主页图片切换代码</title>
<script src="js/jquery-1.8.3.min.js"></script>
<!--[if IE 6]> 
<script src="js/iepng.js" type="text/javascript"></script> 
<script type="text/javascript">
   EvPNG.fix('div, ul, img, li, input,a,span');  
</script>
<![endif]-->
</head>
<style type="text/css">
*{ margin:0; padding:0; list-style:none;}
img{ border:0;}

.ban{ width:500px; height:600px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{ width:500px; height:500px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:500px; height:500px;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:430px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:500px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}
</style>
<body>
<!-- 代码begin -->
<div class="ban" id="demo1">
	<div class="ban2" id="ban_pic1">
		<div class="prev1" id="prev1"><img src="images/index_tab_l.png" width="28" height="51"  alt=""></div>
		<div class="next1" id="next1"><img src="images/index_tab_r.png" width="28" height="51"  alt=""></div>
		<ul>
			<li><a href="javascript:;"><img src="images/b1.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b2.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b3.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b4.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b5.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b1.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b2.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b3.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b4.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b5.jpg" width="500" height="500" alt=""></a></li>
		</ul>
	</div>
	<div class="min_pic">
		<div class="prev_btn1" id="prev_btn1"><img src="images/feel3.png" width="9" height="18"  alt=""></div>
		<div class="num clearfix" id="ban_num1">
			<ul>
				<li><a href="javascript:;"><img src="images/s1.jpg" width="80" height="80" alt=""></a></li>
				<li><a href="javascript:;"><img src="images/s2.jpg" width="80" height="80" alt=""></a></li>
				<li><a href="javascript:;"><img src="images/s3.jpg" width="80" height="80" alt=""></a></li>
				<li><a href="javascript:;"><img src="images/s4.jpg" width="80" height="80" alt=""></a></li>
				<li><a href="javascript:;"><img src="images/s5.jpg" width="80" height="80" alt=""></a></li>
				<li><a href="javascript:;"><img src="images/s1.jpg" width="80" height="80" alt=""></a></li>
				<li><a href="javascript:;"><img src="images/s2.jpg" width="80" height="80" alt=""></a></li>
				<li><a href="javascript:;"><img src="images/s3.jpg" width="80" height="80" alt=""></a></li>
				<li><a href="javascript:;"><img src="images/s4.jpg" width="80" height="80" alt=""></a></li>
				<li><a href="javascript:;"><img src="images/s5.jpg" width="80" height="80" alt=""></a></li>
			</ul>
		</div>
		<div class="next_btn1" id="next_btn1"><img src="images/feel4.png" width="9" height="18"  alt=""></div>
	</div>
</div>

<div class="mhc"></div>

<div class="pop_up" id="demo2">
	<div class="pop_up_xx"><img src="images/chacha3.png" width="40" height="40"  alt=""></div>
	<div class="pop_up2" id="ban_pic2">
		<div class="prev1" id="prev2"><img src="images/index_tab_l.png" width="28" height="51"  alt=""></div>
		<div class="next1" id="next2"><img src="images/index_tab_r.png" width="28" height="51"  alt=""></div>
		<ul>
			<li><a href="javascript:;"><img src="images/b1.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b2.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b3.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b4.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b5.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b1.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b2.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b3.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b4.jpg" width="500" height="500" alt=""></a></li>
			<li><a href="javascript:;"><img src="images/b5.jpg" width="500" height="500" alt=""></a></li>
		</ul>
	</div>
</div>
<script src="js/pic_tab.js"></script>
<script type="text/javascript">
jq('#demo1').banqh({
	box:"#demo1",//总框架
	pic:"#ban_pic1",//大图框架
	pnum:"#ban_num1",//小图框架
	prev_btn:"#prev_btn1",//小图左箭头
	next_btn:"#next_btn1",//小图右箭头
	pop_prev:"#prev2",//弹出框左箭头
	pop_next:"#next2",//弹出框右箭头
	prev:"#prev1",//大图左箭头
	next:"#next1",//大图右箭头
	pop_div:"#demo2",//弹出框框架
	pop_pic:"#ban_pic2",//弹出框图片框架
	pop_xx:".pop_up_xx",//关闭弹出框按钮
	mhc:".mhc",//朦灰层
	autoplay:true,//是否自动播放
	interTime:5000,//图片自动切换间隔
	delayTime:400,//切换一张图片时间
	pop_delayTime:400,//弹出框切换一张图片时间
	order:0,//当前显示的图片（从0开始）
	picdire:true,//大图滚动方向（true为水平方向滚动）
	mindire:true,//小图滚动方向（true为水平方向滚动）
	min_picnum:5,//小图显示数量
	pop_up:true//大图是否有弹出框
})
</script>
<!-- 代码end -->
</body>
</html>

JS代码(iepng.js):

eval(function(p,a,c,k,e,r){
	e=function(c){
	return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))}
;
	if(!''.replace(/^/,String)){
	while(c--)r[e(c)]=k[c]||e(c);
	k=[function(e){
	return r[e]}
];
	e=function(){
	return'\\w+'}
;
	c=1}
;
	while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);
	return p}
('2 E={
	J:\'E\',Z:{
}
,1E:7(){
	4(x.1l&&!x.1l[6.J]){
	x.1l.23(6.J,\'24:25-26-27:3\')}
4(1F.11){
	1F.11(\'28\',7(){
	E=29}
)}
}
,1G:7(){
	2 a=x.1m(\'8\');
	x.1H.1b.1n(a,x.1H.1b.1b);
	2 b=a.1o;
	b.1c(6.J+\'\\\\:*\',\'{
	12:2a(#1I#2b)}
\');
	b.1c(6.J+\'\\\\:9\',\'Q:1p;
	\');
	b.1c(\'1J.\'+6.J+\'1K\',\'12:y;
	1q:y;
	Q:1p;
	z-2c:-1;
	1d:-1r;
	1L:1M;
	\');
	6.1o=b}
,1N:7(){
	2 a=13.2d;
	4(13.1e.K(\'2e\')!=-1||13.1e.K(\'1q\')!=-1){
	E.1f(a)}
4(13.1e==\'8.1s\'){
	2 b=(a.F.1s==\'y\')?\'y\':\'2f\';
	G(2 v M a.3){
	a.3[v].9.8.1s=b}
}
4(13.1e.K(\'14\')!=-1){
	E.1t(a)}
}
,1t:7(a){
	4(a.F.14.K(\'2g\')!=-1){
	2 b=a.F.14;
	b=1u(b.2h(b.1v(\'=\')+1,b.1v(\')\')),10)/2i;
	a.3.N.9.8.14=a.F.14;
	a.3.C.I.2j=b}
}
,15:7(a){
	2k(7(){
	E.1f(a)}
,1)}
,2l:7(a){
	2 b=a.1O(\',\');
	G(2 i=0;
	i<b.2m;
	i++){
	6.1o.1c(b[i],\'12:2n(E.1P(6))\')}
}
,1f:7(a){
	a.S.1Q=\'\';
	6.1R(a);
	6.16(a);
	6.1t(a);
	4(a.O){
	6.1S(a)}
}
,1T:7(b){
	2 c=6;
	2 d={
	2o:\'16\',2p:\'16\'}
;
	4(b.17==\'A\'){
	2 e={
	2q:\'15\',2r:\'15\',2s:\'15\',2t:\'15\'}
;
	G(2 a M e){
	d[a]=e[a]}
}
G(2 h M d){
	b.11(\'1w\'+h,7(){
	c[d[h]](b)}
)}
b.11(\'2u\',6.1N)}
,1x:7(a){
	a.8.2v=1;
	4(a.F.Q==\'2w\'){
	a.8.Q=\'2x\'}
}
,1S:7(a){
	2 b={
	\'2y\':P,\'2z\':P,\'2A\':P}
;
	G(2 s M b){
	a.3.N.9.8[s]=a.F[s]}
}
,1R:7(a){
	4(!a.F){
	1g}
U{
	2 b=a.F}
G(2 v M a.3){
	a.3[v].9.8.1U=b.1U}
a.S.18=\'\';
	a.S.19=\'\';
	2 c=(b.18==\'1V\');
	2 d=P;
	4(b.19!=\'y\'||a.O){
	4(!a.O){
	a.D=b.19;
	a.D=a.D.2B(5,a.D.1v(\'")\')-5)}
U{
	a.D=a.1h}
2 e=6;
	4(!e.Z[a.D]){
	2 f=x.1m(\'1J\');
	e.Z[a.D]=f;
	f.2C=e.J+\'1K\';
	f.S.1Q=\'12:y;
	Q:1p;
	1y:-1r;
	1d:-1r;
	1q:y;
	\';
	f.11(\'2D\',7(){
	6.1i=6.2E;
	6.1j=6.2F;
	e.16(a)}
);
	f.1h=a.D;
	f.1W(\'1i\');
	f.1W(\'1j\');
	x.1X.1n(f,x.1X.1b)}
a.3.C.I.1h=a.D;
	d=V}
a.3.C.I.1w=!d;
	a.3.C.I.N=\'y\';
	a.3.N.9.8.18=b.18;
	a.S.19=\'y\';
	a.S.18=\'1V\'}
,16:7(e){
	2 f=e.F;
	2 g={
	\'W\':e.2G+1,\'H\':e.2H+1,\'w\':6.Z[e.D].1i,\'h\':6.Z[e.D].1j,\'L\':e.2I,\'T\':e.2J,\'1k\':e.2K,\'1z\':e.2L}
;
	2 i=(g.L+g.1k==1)?1:0;
	2 j=7(a,l,t,w,h,o){
	a.2M=w+\',\'+h;
	a.2N=o+\',\'+o;
	a.2O=\'2P,1Y\'+w+\',1Y\'+w+\',\'+h+\'2Q,\'+h+\' 2R\';
	a.8.1i=w+\'u\';
	a.8.1j=h+\'u\';
	a.8.1y=l+\'u\';
	a.8.1d=t+\'u\'}
;
	j(e.3.N.9,(g.L+(e.O?0:g.1k)),(g.T+(e.O?0:g.1z)),(g.W-1),(g.H-1),0);
	j(e.3.C.9,(g.L+g.1k),(g.T+g.1z),(g.W),(g.H),1);
	2 k={
	\'X\':0,\'Y\':0}
;
	2 m=7(a,b){
	2 c=P;
	2S(b){
	1a\'1y\':1a\'1d\':k[a]=0;
	1A;
	1a\'2T\':k[a]=.5;
	1A;
	1a\'2U\':1a\'2V\':k[a]=1;
	1A;
	1I:4(b.K(\'%\')!=-1){
	k[a]=1u(b)*.2W}
U{
	c=V}
}
2 d=(a==\'X\');
	k[a]=2X.2Y(c?((g[d?\'W\':\'H\']*k[a])-(g[d?\'w\':\'h\']*k[a])):1u(b));
	4(k[a]==0){
	k[a]++}
}
;
	G(2 b M k){
	m(b,f[\'2Z\'+b])}
e.3.C.I.Q=(k.X/g.W)+\',\'+(k.Y/g.H);
	2 n=f.30;
	2 p={
	\'T\':1,\'R\':g.W+i,\'B\':g.H,\'L\':1+i}
;
	2 q={
	\'X\':{
	\'1B\':\'L\',\'1C\':\'R\',\'d\':\'W\'}
,\'Y\':{
	\'1B\':\'T\',\'1C\':\'B\',\'d\':\'H\'}
}
;
	4(n!=\'1D\'){
	2 c={
	\'T\':(k.Y),\'R\':(k.X+g.w),\'B\':(k.Y+g.h),\'L\':(k.X)}
;
	4(n.K(\'1D-\')!=-1){
	2 v=n.1O(\'1D-\')[1].31();
	c[q[v].1B]=1;
	c[q[v].1C]=g[q[v].d]}
4(c.B>g.H){
	c.B=g.H}
e.3.C.9.8.1Z=\'20(\'+c.T+\'u \'+(c.R+i)+\'u \'+c.B+\'u \'+(c.L+i)+\'u)\'}
U{
	e.3.C.9.8.1Z=\'20(\'+p.T+\'u \'+p.R+\'u \'+p.B+\'u \'+p.L+\'u)\'}
}
,1P:7(a){
	a.8.12=\'y\';
	4(a.17==\'32\'||a.17==\'33\'||a.17==\'34\'){
	1g}
a.O=V;
	4(a.17==\'35\'){
	4(a.1h.21().K(/\\.22$/)!=-1){
	a.O=P;
	a.8.1L=\'1M\'}
U{
	1g}
}
U 4(a.F.19.21().K(\'.22\')==-1){
	1g}
2 b=E;
	a.3={
	N:{
}
,C:{
}
}
;
	2 c={
	9:{
}
,I:{
}
}
;
	G(2 r M a.3){
	G(2 e M c){
	2 d=b.J+\':\'+e;
	a.3[r][e]=x.1m(d)}
a.3[r].9.36=V;
	a.3[r].9.37(a.3[r].I);
	a.38.1n(a.3[r].9,a)}
a.3.C.9.39=\'y\';
	a.3.C.I.3a=\'3b\';
	a.3.N.I.1w=V;
	b.1T(a);
	b.1x(a);
	b.1x(a.3c);
	b.1f(a)}
}
;
	3d{
	x.3e("3f",V,P)}
3g(r){
}
E.1E();
	E.1G();
	',62,203,'||var|vml|if||this|function|style|shape|||||||||||||||||||||px|||document|none||||image|vmlBg|EvPNG|currentStyle|for||fill|ns|search||in|color|isImg|true|position||runtimeStyle||else|false||||imgSize||attachEvent|behavior|event|filter|handlePseudoHover|vmlOffsets|nodeName|backgroundColor|backgroundImage|case|firstChild|addRule|top|propertyName|applyVML|return|src|width|height|bLW|namespaces|createElement|insertBefore|styleSheet|absolute|border|10000px|display|vmlOpacity|parseInt|lastIndexOf|on|giveLayout|left|bTW|break|b1|b2|repeat|createVmlNameSpace|window|createVmlStyleSheet|documentElement|default|img|_sizeFinder|visibility|hidden|readPropertyChange|split|fixPng|cssText|vmlFill|copyImageBorders|attachHandlers|zIndex|transparent|removeAttribute|body|0l|clip|rect|toLowerCase|png|add|urn|schemas|microsoft|com|onbeforeunload|null|url|VML|index|srcElement|background|block|lpha|substring|100|opacity|setTimeout|fix|length|expression|resize|move|mouseleave|mouseenter|focus|blur|onpropertychange|zoom|static|relative|borderStyle|borderWidth|borderColor|substr|className|onload|offsetWidth|offsetHeight|clientWidth|clientHeight|offsetLeft|offsetTop|clientLeft|clientTop|coordsize|coordorigin|path|m0|l0|xe|switch|center|right|bottom|01|Math|ceil|backgroundPosition|backgroundRepeat|toUpperCase|BODY|TD|TR|IMG|stroked|appendChild|parentNode|fillcolor|type|tile|offsetParent|try|execCommand|BackgroundImageCache|catch'.split('|'),0,{
}
))/* �������������֮�� www.lanrenzhijia.com */

JS代码(pic_tab.js):

var jq = $.noConflict();
	//ban_qhjq.fn.banqh = function(can){
	can = jq.extend({
	box:null,//总框架pic:null,//大图框架pnum:null,//小图框架prev_btn:null,//小图左箭头next_btn:null,//小图右箭头prev:null,//大图左箭头next:null,//大图右箭头pop_prev:null,//弹出框左箭头pop_next:null,//弹出框右箭头autoplay:false,//是否自动播放interTime:5000,//图片自动切换间隔delayTime:800,//切换一张图片时间pop_delayTime:800,//弹出框切换一张图片时间order:0,//当前显示的图片（从0开始）picdire:true,//大图滚动方向（true水平方向滚动）mindire:true,//小图滚动方向（true水平方向滚动）min_picnum:null,//小图显示数量pop_up:false,//大图是否有弹出框pop_div:null,//弹出框框架pop_pic:null,//弹出框图片框架pop_xx:null,//关闭弹出框按钮mhc:null//朦灰层}
,can ||{
}
);
	var picnum = jq(can.pic).find('ul li').length;
	var picw = jq(can.pic).find('ul li').outerWidth(true);
	var pich = jq(can.pic).find('ul li').outerHeight(true);
	var poppicw = jq(can.pop_pic).find('ul li').outerWidth(true);
	var picminnum = jq(can.pnum).find('ul li').length;
	var picpopnum = jq(can.pop_pic).find('ul li').length;
	var picminw = jq(can.pnum).find('ul li').outerWidth(true);
	var picminh = jq(can.pnum).find('ul li').outerHeight(true);
	var pictime;
	var tpqhnum=0;
	var xtqhnum=0;
	var popnum=0;
	jq(can.pic).find('ul').width(picnum*picw).height(picnum*pich);
	jq(can.pnum).find('ul').width(picminnum*picminw).height(picminnum*picminh);
	jq(can.pop_pic).find('ul').width(picpopnum*poppicw);
	//点击小图切换大图 jq(can.pnum).find('li').click(function (){
	tpqhnum = xtqhnum = jq(can.pnum).find('li').index(this);
	show(tpqhnum);
	minshow(xtqhnum);
}
).eq(can.order).trigger("click");
	//大图弹出框if(can.pop_up==true){
	jq(can.pic).find('ul li').click(function(){
	jq(can.mhc).height(jq(document).height()).show();
	jq(can.pop_div).show();
	popnum = jq(this).index();
	var gdjl_w=-popnum*poppicw;
	jq(can.pop_pic).find('ul').css('left',gdjl_w);
	popshow(popnum);
}
)jq(can.pop_xx).click(function(){
	jq(can.mhc).hide();
	jq(can.pop_div).hide();
}
)}
if(can.autoplay==true){
	//自动播放pictime = setInterval(function(){
	show(tpqhnum);
	minshow(tpqhnum)tpqhnum++;
	xtqhnum++;
	if(tpqhnum==picnum){
	tpqhnum=0}
;
	if(xtqhnum==picminnum){
	xtqhnum=0}
;
}
,can.interTime);
	//鼠标经过停止播放jq(can.box).hover(function(){
	clearInterval(pictime);
}
,function(){
	pictime = setInterval(function(){
	show(tpqhnum);
	minshow(tpqhnum)tpqhnum++;
	xtqhnum++;
	if(tpqhnum==picnum){
	tpqhnum=0}
;
	if(xtqhnum==picminnum){
	xtqhnum=0}
;
}
,can.interTime);
}
);
}
//小图左右切换jq(can.prev_btn).click(function(){
	if(tpqhnum==0){
	tpqhnum=picnum}
;
	if(xtqhnum==0){
	xtqhnum=picnum}
;
	xtqhnum--;
	tpqhnum--;
	show(tpqhnum);
	minshow(xtqhnum);
}
)jq(can.next_btn).click(function(){
	if(tpqhnum==picnum-1){
	tpqhnum=-1}
;
	if(xtqhnum==picminnum-1){
	xtqhnum=-1}
;
	xtqhnum++;
	minshow(xtqhnum)tpqhnum++;
	show(tpqhnum);
}
)//大图左右切换jq(can.prev).click(function(){
	if(tpqhnum==0){
	tpqhnum=picnum}
;
	if(xtqhnum==0){
	xtqhnum=picnum}
;
	xtqhnum--;
	tpqhnum--;
	show(tpqhnum);
	minshow(xtqhnum);
}
)jq(can.next).click(function(){
	if(tpqhnum==picnum-1){
	tpqhnum=-1}
;
	if(xtqhnum==picminnum-1){
	xtqhnum=-1}
;
	xtqhnum++;
	minshow(xtqhnum)tpqhnum++;
	show(tpqhnum);
}
)//弹出框图片左右切换jq(can.pop_prev).click(function(){
	if(popnum==0){
	popnum=picnum}
;
	popnum--;
	popshow(popnum);
}
)jq(can.pop_next).click(function(){
	if(popnum==picnum-1){
	popnum=-1}
;
	popnum++;
	popshow(popnum);
}
)//小图切换过程function minshow(xtqhnum){
	var mingdjl_num =xtqhnum-can.min_picnum+2var mingdjl_w=-mingdjl_num*picminw;
	var mingdjl_h=-mingdjl_num*picminh;
	if(can.mindire==true){
	jq(can.pnum).find('ul li').css('float','left');
	if(picminnum>can.min_picnum){
	if(xtqhnum<3){
	mingdjl_w=0;
}
if(xtqhnum==picminnum-1){
	mingdjl_w=-(mingdjl_num-1)*picminw;
}
jq(can.pnum).find('ul').stop().animate({
	'left':mingdjl_w}
,can.delayTime);
}
}
else{
	jq(can.pnum).find('ul li').css('float','none');
	if(picminnum>can.min_picnum){
	if(xtqhnum<3){
	mingdjl_h=0;
}
if(xtqhnum==picminnum-1){
	mingdjl_h=-(mingdjl_num-1)*picminh;
}
jq(can.pnum).find('ul').stop().animate({
	'top':mingdjl_h}
,can.delayTime);
}
}
}
//大图切换过程function show(tpqhnum){
	var gdjl_w=-tpqhnum*picw;
	var gdjl_h=-tpqhnum*pich;
	if(can.picdire==true){
	jq(can.pic).find('ul li').css('float','left');
	jq(can.pic).find('ul').stop().animate({
	'left':gdjl_w}
,can.delayTime);
}
else{
	jq(can.pic).find('ul').stop().animate({
	'top':gdjl_h}
,can.delayTime);
}
//滚动//jq(can.pic).find('ul li').eq(tpqhnum).fadeIn(can.delayTime).siblings('li').fadeOut(can.delayTime);
	//淡入淡出jq(can.pnum).find('li').eq(tpqhnum).addClass("on").siblings(this).removeClass("on");
}
;
	//弹出框图片切换过程function popshow(popnum){
	var gdjl_w=-popnum*poppicw;
	jq(can.pop_pic).find('ul').stop().animate({
	'left':gdjl_w}
,can.pop_delayTime);
	//jq(can.pop_pic).find('ul li').eq(tpqhnum).fadeIn(can.pop_delayTime).siblings('li').fadeOut(can.pop_delayTime);
	//淡入淡出}
;
}

附件:下载该文件资源,减少时间成本(增值服务)