myFocus左右滑动切换焦点图轮播滚动切换特效代码

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

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

以下是 myFocus左右滑动切换焦点图轮播滚动切换特效代码的示例演示效果:

当前平台(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>myFocus左右滑动切换焦点图</title> 
<script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script>
<style type="text/css">
body { background:#fff; padding:20px;}
h2{height:42px; line-height:42px; background:#f1f1f1; margin-bottom:20px; font-size:12px; color:#666; font-weight:normal;}
#myFocus{ width:560px; height:300px;}
</style>
<script type="text/javascript">
myFocus.set({
	id:'myFocus',//ID
	pattern:'mF_tbhuabao'//风格（可随意更换，只用在mf-pattern文件夹里面复制js名字可以变换效果）
});
</script>
</head>
<body>
<center>
<div id="myFocus"><!--焦点图盒子-->
  <div class="loading">
  <img src="img/loading.gif" alt="请稍候..." /></div><!--载入画面(可删除)-->
  <div class="pic"><!--图片列表-->
<ul>
<li><a href="#"><img src="img/1a.jpg" thumb="" alt="标题" text="标题" /></a></li>
<li><a href="#"><img src="img/2a.jpg" thumb="" alt="13141618.taobao.com" text="13141618.taobao.com" /></a></li>
<li><a href="#"><img src="img/3a.jpg" thumb="" alt="标题" text="标题" /></a></li>
<li><a href="#"><img src="img/4a.jpg" thumb="" alt="13141618.taobao.com" text="13141618.taobao.com" /></a></li>
<li><a href="#"><img src="img/5a.jpg" thumb="" alt="图片5来源于网络，版权属于作者" text="图片5更详细的描述文字" /></a></li>
</ul>
</div>
</div>
</center>
</body>
</html>

JS代码(myfocus-2.0.1.min.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}
('(7(){
	8 q=7(a){
	u N a===\'20\'?Y.5o(a):a}
,$O=7(a,b){
	u(q(b)||Y).5j(a)}
,$3d=7(a,b){
	u $2f(a,b,\'O\')}
,$1x=7(a,b){
	8 c=$O(\'*\',b),1a=[];
	G(8 i=0,l=c.M;
	i<l;
	i++){
	9(2u(a,c[i])){
	1a.E(c[i])}
}
u 1a}
,$3u=7(a,b){
	u $2f(a,b)}
,$2f=7(a,b,c){
	8 d=[],U=c===\'O\'?$O:$1x,1C=U(a,b),x=1C.M;
	G(8 i=0;
	i<x;
	i++){
	9(1C[i].1b===b)d.E(1C[i]);
	i+=U(a,1C[i]).M}
u d}
,2u=7(a,b){
	u 3w(\'/(^|\\\\s)\'+a+\'(\\\\s|$)/\').2w(b.1X)}
;
	v=7(a){
	u 2H v.1R(a)}
;
	v.J=7(){
	8 a=3A,x=a.M;
	9(6===v){
	9(x===1)1z=v,i=0;
	L 1z=a[0],i=1}
L{
	1z=6,i=0}
G(i;
	i<x;
	i++){
	G(8 p 1U a[i]){
	1z[p]=a[i][p]}
}
u 1z}
;
	v.J({
	2F:{
	D:\'59\',2a:\'2m\',3r:\'2o\',1J:y,2D:y,3F:4,18:0,2Q:3,1w:1n,3c:y}
,1R:7(a){
	8 e=a,x=e&&e.M;
	9(e 50 v.1R)u e;
	6.M=0;
	9(!e||(e.4Z&&!x)||(e.4V&&!x)){
	1G.1v.E.P(6)}
L 9(e.3c){
	e=q(e.H);
	1G.1v.E.P(6,e);
	6.2y=a;
	6.1h=$O(\'1W\',$O(\'1u\',e)[0]);
	6.1E=6.1h.M}
L 9(x){
	G(8 i=0;
	i<x;
	i++)1G.1v.E.P(6,e[i])}
L{
	1G.1v.E.P(6,e)}
u 6}
,U:{
	2Z:[].2Z}
,D:{
}
,2b:{
}
}
);
	v.1R.1v=v.U;
	v.U.J=v.D.J=v.2b.J=v.J;
	v.U.J({
	1j:7(b){
	8 c=6,15=I,$=v;
	8 d=6.3h(b);
	9(6.M)G(8 i=0,x=d.M;
	i<x;
	i++){
	8 f=[],s=d[i];
	3k(s.4U(0)){
	1f\'>\':15=y;
	12;
	1f\'.\':8 g=s.2A(1);
	8 h=15?$3u:$1x;
	$(c).1s(7(){
	f=f.4T(h(g,6))}
);
	15=I;
	12;
	1f\'#\':8 j=s.2A(1),e=q(j);
	9(e)f.E(q(j));
	15=I;
	12;
	2o:8 h=15?$3d:$O,27=s.4S(\'.\');
	8 k=27[0],g=27[1];
	$(c).1s(7(){
	8 a=h(k,6);
	G(8 i=0,x=a.M;
	i<x;
	i++){
	9(g&&!2u(g,a[i]))2V;
	f.E(a[i])}
}
);
	15=I}
9(!15)c=f}
u $(c)}
,2Y:7(){
	u v(6[0].1b)}
,10:7(s){
	9(N s!==\'2d\'){
	6[0].W=s;
	u 6}
L u 6[0].W}
,1s:7(a){
	8 b=6;
	G(8 i=0,x=b.M;
	i<x;
	i++){
	8 c=a.P(b[i],i);
	9(c===I)12;
	9(c===y)2V}
u 6}
,4P:7(n){
	u v(6[n])}
,3h:7(a){
	8 b=/(([^[\\]\'"]+)+\\]|\\\\.|([^ >+~,(\\[\\\\]+)+|[>+~])(\\s*,\\s*)?/g;
	8 c=[],m;
	4M((m=b.4L(a))!==1F){
	c.E(m[1])}
u c}
,1J:7(a){
	8 o=6[0],e=Y.1D(\'1k\');
	e.W=a;
	8 b=e.3v;
	o.1b.4C(b,o);
	b.1M(o);
	u 6}
,2J:7(a){
	8 b=6[0];
	8 e=Y.1D(\'1k\');
	e.W=a;
	8 c=e.4A[0];
	b.1M(c);
	u v(c)}
,1T:7(a,b){
	8 c=6.1h,n=6.1E;
	8 d=[\'<1k 1x="\'+a+\'"><1u>\'];
	G(8 i=0;
	i<n;
	i++){
	8 e=$O(\'C\',c[i])[0],10;
	3k(b){
	1f\'25\':10=\'<a>\'+(i+1)+\'</a><b></b>\';
	12;
	1f\'1V\':10=e?c[i].W.1m(/\\<C(.|\\n|\\r)*?\\>/i,e.2S)+\'<p>\'+e.29("1q")+\'</p><b></b>\':\'\';
	12;
	1f\'1Z\':10=e?\'<a><C V=\'+(e.29("1Z")||e.V)+\' /></a><b></b>\':\'\';
	12;
	2o:10=\'<a></a><b></b>\'}
d.E(\'<1W>\'+10+\'</1W>\')}
d.E(\'</1u></1k>\');
	u 6.2J(d.1p(\'\'))}
,4y:7(a){
	u 6.1T(a||\'25\',\'25\')}
,4x:7(a){
	u 6.1T(a||\'1V\',\'1V\')}
,4t:7(a){
	u 6.1T(a||\'1Z\',\'1Z\')}
,37:7(){
	8 o=6[0];
	9(o)o.1b.4s(o)}
,4q:7(n){
	8 n=n||2,1H=6[0].1b,10=1H.W,s=[];
	G(8 i=0;
	i<n;
	i++)s.E(10);
	1H.W=s.1p(\'\');
	u v(1H).1j(6[0].4o)}
}
);
	v.U.J({
	B:7(b){
	8 o=6[0],11,1a=[\';
	\'],17=v.17;
	9(!o)u 6;
	9(N b===\'20\'){
	9(b===\'1o\')b=17?\'4n\':\'4m\';
	9(!(11=o.R[b]))11=(17?o.4l:4k(o,\'\'))[b];
	9(b===\'X\'&&11===2d)11=1;
	9(11===\'2D\'&&(b===\'S\'||b===\'T\'))11=o[\'4j\'+b.1m(/\\w/i,7(a){
	u a.4i()}
)];
	8 c=3B(11);
	u 3C(c)?11:c}
L{
	G(8 p 1U b){
	9(N b[p]===\'1Y\'&&!6.3E[p])b[p]+=\'Q\';
	1a.E(p.1m(/([A-Z])/g,\'-$1\')+\':\'+b[p]+\';
	\');
	9(p===\'X\')1a.E(\'3I:3K(X=\'+b[p]*1n+\')\')}
o.R.2I+=1a.1p(\'\');
	u 6}
}
,2L:7(a){
	6[0].R.X=a,6[0].R.3I=\'3K(X=\'+a*1n+\')\'}
,2M:7(a,b,m){
	6[0].R[b]=22[m](a)+\'Q\'}
,23:7(a){
	6[0].1X+=\' \'+a;
	u 6}
,2P:7(a){
	8 o=6[0],24=a&&o.1X,3z="/\\\\s*\\\\b"+a+"\\\\b/g";
	o.1X=24?24.1m(3w(3z),\'\'):\'\';
	u 6}
,3E:{
	4g:y,4f:y,4e:y,X:y,4d:y,4c:y,49:y,48:y}
}
);
	v.U.J({
	1I:7(a,f,g,h,i,j){
	8 k=6,o=k[0],30=a===\'X\',2c=I;
	i&&i.P(o);
	9(N f===\'20\'){
	9(/^[+-]=\\d+/.2w(f))f=f.1m(\'=\',\'\'),2c=y;
	f=3B(f)}
8 l=k.B(a),b=3C(l)?0:l,c=2c?f:f-b,d=g,e=6.32[h],m=c>0?\'47\':\'46\',1d=\'36\'+a,2g=k[30?\'2L\':\'2M\'],38=(2H 39)*1;
	o[1d]&&1L(o[1d]);
	o[1d]=2i(7(){
	8 t=(2H 39)-38;
	9(t<=d){
	2g.P(k,e(t,b,c,d),a,m)}
L{
	2g.P(k,b+c,a,m);
	1L(o[1d]),o[1d]=1F;
	j&&j.P(o)}
}
,13);
	u 6}
,42:7(a,b,c){
	9(N a!==\'1Y\')c=a,a=3f;
	9(N b===\'7\')c=b,b=\'\';
	6.1I(\'X\',1,a,b||\'2l\',7(){
	v(6).B({
	1O:\'40\',X:0}
)}
,c);
	u 6}
,3Z:7(a,b,c){
	9(N a!==\'1Y\')c=a,a=3f;
	9(N b===\'7\')c=b,b=\'\';
	6.1I(\'X\',0,a,b||\'2l\',1F,7(){
	6.R.1O=\'1P\';
	c&&c.P(6)}
);
	u 6}
,3l:7(a,b,c,d){
	9(N b!==\'1Y\')d=b,b=3X;
	9(N c===\'7\')d=c,c=\'\';
	G(8 p 1U a)6.1I(p,a[p],b,c||\'2p\',1F,d);
	u 6}
,3W:7(){
	8 o=6[0];
	G(8 p 1U o)9(p.3p(\'36\')!==-1)o[p]&&1L(o[p]);
	u 6}
,32:{
	2l:7(t,b,c,d){
	u c*t/d+b}
,3V:7(t,b,c,d){
	u-c/2*(22.3U(22.3P*t/d)-1)+b}
,3O:7(t,b,c,d){
	u c*(t/=d)*t*t*t+b}
,2p:7(t,b,c,d){
	u-c*((t=t/d-1)*t*t*t-1)+b}
,3N:7(t,b,c,d){
	u((t/=d/2)<1)?(c/2*t*t*t*t+b):(-c/2*((t-=2)*t*t*t-2)+b)}
}
}
);
	v.U.J({
	14:7(a,b){
	v.2x(6[0],a,b);
	u 6}
,4B:7(b,c,d){
	8 f=6,p=f.2y,n=f.1E,t=p.3F*3y,d=d||I,1o=v(f.1h).B(\'1o\'),1l=1o===\'1A\',2B=1l?\'1A\':\'2C\',1B=1l?p.S:p.T,1e=0,K=p.18;
	f.1j(\'.2G\').37();
	f.1g=7(a){
	b&&b(1e,n);
	K=N a===\'20\'?1e+3M(a.1m(\'=\',\'\')):a;
	9(K<=-1){
	K=n-1;
	9(d)f.1h[0].1b.R[2B]=-n*1B+\'Q\'}
9(K>=n){
	9(!d)K=0;
	9(K>=2*n){
	f.1h[0].1b.R[2B]=-(n-1)*1B+\'Q\';
	K=n}
}
9(d&&1e>=n&&K<n)K+=n;
	c&&c(K,n,1e);
	f.3J=1e=K}
;
	1K{
	f.1g(K)}
21(e){
	1y(7(){
	f.1g(K)}
,0)}
;
	9(p.2D){
	f.2v=2i(7(){
	f.1g(\'+=1\')}
,t);
	f.14(\'1S\',7(){
	1L(f.2v)}
).14(\'2t\',7(){
	9(!f.3Q)f.2v=2i(7(){
	f.1g(\'+=1\')}
,t)}
)}
f.1j(\'a\').1s(7(){
	6.3R=7(){
	6.3S()}
}
)}
,3T:7(a,b){
	8 c=6,p=c.2y,1i=p.2a,1w=p.1w,2r=b||{
}
,1Q=2r.3m||p.3m;
	8 d=7(){
	9(6.18!==c.3J&&!2r.3Y){
	c.1g(6.18);
	u I}
}
;
	a.1s(7(i){
	6.18=i;
	8 o=6,$o=v(o);
	9(1i===\'2m\'){
	$o.14(\'1S\',7(){
	$o.23(\'3j\')}
).14(\'2t\',7(){
	$o.2P(\'3j\')}
).14(\'2m\',d)}
L 9(1i===\'1S\'){
	$o.14(\'1S\',7(){
	9(1w===0)d.P(o);
	L a.2n=1y(7(){
	d.P(o)}
,1w)}
).14(\'2t\',7(){
	a.2n&&41(a.2n)}
)}
L{
	3e(\'v 43 44(2a):\\"\'+1i+\'\\"\');
	u I}
}
);
	9(1Q){
	8 e=a.B(\'1o\'),1l=e===\'1A\'||e===\'45\';
	a.1N=1l?\'1A\':\'2C\';
	a.n=c.1E;
	a.2e=1Q;
	a.1c=p.18;
	a.1t=a.1c+1Q-1;
	a.1B=a.B(1l?\'S\':\'T\');
	a.2X=a.2Y()}
}
,4a:7(i,a){
	8 n=6.n,1N=6.1N,$1u=6.2X,B={
}
;
	9(i>=6.1t){
	6.1t=i<n-1?i+1:i;
	6.1c=6.1t-6.2e+1}
L 9(i<=6.1c){
	6.1c=i>0?i-1:0;
	6.1t=6.1c+6.2e-1}
B[1N]=-6.1c*6.1B;
	$1u.3l(B,a||4b,\'2p\');
	u 6}
}
);
	v.J({
	2W:7(p,b){
	8 F=6,H=p.H,16=F.2T(H);
	p.D=p.D||F.2F.D;
	p.19=p.D+\'4h\'+H;
	F.2x(3H,\'3G\',7(){
	F.2E=y}
);
	F.3x(p,7(){
	p=F.J({
}
,F.2F,F.2b[p.D],p);
	F.3t(p,7(){
	8 a=F(q(H));
	p.S=p.S||a.B(\'S\'),p.T=p.T||a.B(\'T\');
	F.3s(p,a,16);
	F.3q(a);
	a.23(p.D+\' \'+p.19);
	F.3o(p,7(){
	F.D[p.D](p,F);
	b&&b()}
)}
)}
)}
,2E:I,3x:7(p,a){
	9(6.D[p.D]){
	a();
	u}
8 b=6.3g()+\'4p-D/\'+p.D;
	8 c=Y.1D("3b"),B=Y.1D("4r"),V=b+\'.3a\',2j=b+\'.B\';
	c.1i="1q/4u",c.V=V;
	B.4v="4w",B.2j=2j;
	8 d=$O(\'34\')[0],2h=0,2R=4z;
	d.1M(B);
	d.1M(c);
	c.3D=c.3L=7(){
	9(!c.2z||c.2z=="4D"||c.2z=="4E")a(),2h=1}
;
	1y(7(){
	9(!2h)3e(\'4F 4G 3G:\'+V)}
,2R)}
,3g:7(){
	8 a=\'\';
	8 b=$O("3b");
	G(8 i=0,x=b.M;
	i<x;
	i++){
	8 c=b[i].V;
	9(c&&/4H-.*?\\.3a/i.2w(c)){
	a=c;
	12}
}
;
	u a.2A(0,a.4I(\'/\')+1)}
,3t:7(p,a){
	8 F=6;
	(7(){
	1K{
	9(F.17)q(p.H).4J();
	L q(p.H).W;
	a()}
21(e){
	9(!F.2E)1y(3A.4K,0)}
}
)()}
,3o:7(p,a){
	8 t=p.2Q;
	8 b=q(p.H),C=$O(\'C\',b),x=C.M,2q=0,1r=I;
	9(!t||!x){
	a();
	u}
G(8 i=0;
	i<x;
	i++){
	C[i].3D=7(){
	2q+=1;
	9(2q==x&&!1r){
	1r=y,a()}
}
;
	9(6.17)C[i].V=C[i].V}
;
	8 t=t*3y;
	1y(7(){
	9(!1r){
	1r=y,a()}
}
,t)}
,3s:7(p,a,b){
	8 c=[],w=p.S||\'\',h=p.T||\'\';
	9(p.1J)a.1J(\'<1k 1x="\'+p.D+\'4N"></1k>\');
	c.E(\'.\'+p.19+\' *{
	4O:0;
	35:0;
	4Q:0;
	4R-R:1P;
}
.\'+p.19+\'{
	28:2K;
	S:\'+w+\'Q;
	T:\'+h+\'Q;
	2s:2k;
	4W:4X/1.5 4Y;
	1q-3n:1A;
	3i:#2U;
	51:52!2N;
}
.\'+p.19+\' .2G{
	28:53;
	z-18:54;
	S:1n%;
	T:1n%;
	55:#56;
	1q-3n:57;
	35-2C:\'+0.26*h+\'Q;
	3i:#2U;
}
.\'+p.19+\' .58{
	28:2K;
	S:\'+w+\'Q;
	T:\'+h+\'Q;
	2s:2k;
}
.\'+p.19+\' .1V 1W{
	S:\'+w+\'Q;
	T:\'+p.3r+\'Q!2N;
	2s:2k;
}
\');
	1K{
	b.31.2I=c.1p(\'\')}
21(e){
	b.W=c.1p(\'\')}
}
,2T:7(a){
	8 s=\'#\'+a+\' *{
	1O:1P}
\',16=Y.1D(\'R\');
	16.1i=\'1q/B\';
	1K{
	16.31.2I=s}
21(e){
	16.W=s}
8 b=$O(\'34\',Y)[0];
	b.5a(16,b.3v);
	u 16}
,3q:7(a){
	8 b=a.1j(\'.2G\'),$C=b.1j(\'C\'),C=$C[0];
	9($C.M){
	b.2J(\'<p>\'+C.2S+\'</p>\');
	9(!C.29(\'V\'))C.R.1O=\'1P\'}
}
}
);
	v.J({
	17:!!(Y.5b&&5c.5d.3p(\'5e\')===-1),2x:7(o,a,b){
	8 c=6.17,e=c?\'5f\':\'5g\',t=(c?\'5h\':\'\')+a;
	o[e](t,7(e){
	8 e=e||3H.5i,33=b.P(o,e);
	9(33===I){
	9(c)e.5k=y,e.5l=I;
	L e.5m(),e.5n()}
}
,I)}
}
);
	9(N 2O!==\'2d\'){
	2O.U.J({
	v:7(p,a){
	9(!p)p={
}
;
	p.H=6[0].H;
	9(!p.H)p.H=6[0].H=\'5p\';
	v.2W(p,a)}
}
)}
}
)();
	',62,336,'||||||this|function|var|if|||||||||||||||||||||return|myFocus||len|true|||css|img|pattern|push||for|id|false|extend|indexCurrent|else|length|typeof|tag|call|px|style|width|height|fn|src|innerHTML|opacity|document||html|value|break||bind|isChild|oStyle|isIE|index|__clsName|arr|parentNode|showStart|timerId|indexLast|case|run|HTMLUList|type|find|div|isLevel|replace|100|float|join|text|done|each|showEnd|ul|prototype|delay|class|setTimeout|dest|left|distance|doms|createElement|HTMLUListLength|null|Array|pNode|animate|wrap|try|clearInterval|appendChild|dir|display|none|tsNum|constr|mouseover|addList|in|txt|li|className|number|thumb|string|catch|Math|addClass|cls|num||sArr|position|getAttribute|trigger|config|diffValue|undefined|showNum|getChild|setProperty|isSuccess|setInterval|href|hidden|linear|click|mouseoverTimer|default|easeOut|count|par|overflow|mouseout|hasClass|runTimer|test|addEvent|settings|readyState|slice|direction|top|auto|onloadWindow|defConfig|loading|new|cssText|addHtml|relative|setOpacity|setAnimateStyle|important|jQuery|removeClass|loadIMGTimeout|timeout|alt|initBaseCSS|fff|continue|set|slideBody|parent|splice|isOpacity|styleSheet|easing|flag|head|padding|__myFocusTimer__|remove|origTime|Date|js|script|__focusConstr__|tag_|alert|400|getFilePath|parseSelector|background|hover|switch|slide|thumbShowNum|align|getIMGReady|indexOf|initHTML|txtHeight|initCSS|getBoxReady|class_|firstChild|eval|loadPattern|1000|reg|arguments|parseFloat|isNaN|onload|cssNumber|time|load|window|filter|runIndex|alpha|onreadystatechange|parseInt|easeInOut|easeIn|PI|isStop|onfocus|blur|bindControl|cos|swing|stop|800|isRunning|fadeOut|block|clearTimeout|fadeIn|Error|Setting|right|floor|ceil|zoom|zIndex|scrollTo|500|widows|orphans|lineHeight|fontWeight|fillOpacity|_|toUpperCase|offset|getComputedStyle|currentStyle|cssFloat|styleFloat|nodeName|mf|repeat|link|removeChild|addListThumb|javascript|rel|stylesheet|addListTxt|addListNum|3000|childNodes|play|replaceChild|loaded|complete|Failed|to|myfocus|lastIndexOf|doScroll|callee|exec|while|_wrap|margin|eq|border|list|split|concat|charAt|item|font|12px|Verdana|sort|instanceof|visibility|visible|absolute|9999|color|666|center|pic|mF_fancy|insertBefore|all|navigator|userAgent|Opera|attachEvent|addEventListener|on|event|getElementsByTagName|cancelBubble|returnValue|stopPropagation|preventDefault|getElementById|mF__ID__'.split('|'),0,{
}
))

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