一款双向无缝+按钮定位的焦点图实现代码

<!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 - tbhuabao</title> 
<style type="text/css"> 
*{margin:0;padding:0;border:0;list-style:none;} 
body{background:#fff;padding:20px;} 
/*=========mF_tbhuabao========*/ 
.mF_tbhuabao {background:#ddd;border:10px solid #333;overflow:visible;} 
.mF_tbhuabao .pic,.mF_tbhuabao .win{position:absolute;top:0;left:0;overflow:hidden;} 
.mF_tbhuabao .pic li{position:relative;float:left;overflow:hidden;} 
.mF_tbhuabao .txt li{position:absolute;z-index:2;width:100%;height:38px;line-height:38px;display:none;}/*默认标题高度*/ 
.mF_tbhuabao .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:bold;text-decoration:none;}/*标题样式*/ 
.mF_tbhuabao .txt li span{display:block;height:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=30);opacity:0.3;} 
.mF_tbhuabao .dot{position:absolute;bottom:0;left:0;height:32px;line-height:28px;width:100%;text-align:center;} 
.mF_tbhuabao .dot li{display:inline;margin:0 3px;} 
.mF_tbhuabao .dot li a{color:#999;font-size:26px;text-decoration:none;} 
.mF_tbhuabao .dot li.current a{color:#f60;} 
.mF_tbhuabao .prev,.mF_tbhuabao .next{font:700 53px/58px arial;width:37px;height:65px;overflow:hidden;position:absolute;z-index:4;left:-20px;cursor:pointer;background:url(http://547d.ipc.la/img/myfocus/btn-bg.gif) no-repeat;} 
.mF_tbhuabao .next{left:auto;right:-20px;} 
.mF_tbhuabao .prev a,.mF_tbhuabao .next a{display:block;color:#bbb;text-align:center;text-decoration:none;} 
.mF_tbhuabao .prev a:hover,.mF_tbhuabao .next a:hover{color:#f60;} 
</style> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Aeval(function(p%2Ca%2Cc%2Ck%2Ce%2Cd)%7Be%3Dfunction(c)%7Breturn(c%3Ca%3F''%3Ae(parseInt(c%2Fa)))%2B((c%3Dc%25a)%3E35%3FString.fromCharCode(c%2B29)%3Ac.toString(36))%7D%3Bif(!''.replace(%2F%5E%2F%2CString))%7Bwhile(c--)%7Bd%5Be(c)%5D%3Dk%5Bc%5D%7C%7Ce(c)%7Dk%3D%5Bfunction(e)%7Breturn%20d%5Be%5D%7D%5D%3Be%3Dfunction()%7Breturn'%5C%5Cw%2B'%7D%3Bc%3D1%7D%3Bwhile(c--)%7Bif(k%5Bc%5D)%7Bp%3Dp.replace(new%20RegExp('%5C%5Cb'%2Be(c)%2B'%5C%5Cb'%2C'g')%2Ck%5Bc%5D)%7D%7Dreturn%20p%7D('o%20B%3D%7B%24%3A7(1h)%7Bq%201k.3i(1h)%7D%2C%24%24%3A7(16%2C6)%7Bq(28%206%3D%3D%5C'33%5C'%3F6%3A9.%24(6)).1l(16)%7D%2C%24%241A%3A7(16%2C6)%7Bo%20C%3D%5B%5D%2Cn%3D0%2Ca%3D6.1l(16)%3BJ(o%20i%3D0%3Bi%3Ca.L%3Bi%2B%2B)%7B8(a%5Bi%5D.2F%3D%3D6)C.1a(a%5Bi%5D)%3B8(a%5Bi%5D.1l(16).L)%7Bn%3Da%5Bi%5D.1l(16).L%7Di%3Di%2Bn%3Bn%3D0%7Dq%20C%7D%2C%24c%3A7(u%2C6)%7Bo%201r%3D6.1l(%5C'*%5C')%2Cu%3Du.1Z(%2F%5C%5C-%2Fg%2C%5C'%5C%5C%5C%5C-%5C')%2C29%3D3n%203e(%5C'(%5E%7C%5C%5C%5C%5Cs)%5C'%2Bu%2B%5C'(%5C%5C%5C%5Cs%7C%24)%5C')%2CC%3D%5B%5D%3BJ(o%20i%3D0%2Cl%3D1r.L%3Bi%3Cl%3Bi%2B%2B)%7B8(29.37(1r%5Bi%5D.H))%7BC.1a(1r%5Bi%5D)%3B2u%7D%7Dq%20C%5B0%5D%7D%2C%24y%3A7(u%2C6)%7Bq%209.%24%241A(%5C'y%5C'%2C9.%24c(u%2C6))%7D%2C1R%3A7(t%2Cb%2Cc%2Cd)%7Bq%20c*t%2Fd%2Bb%7D%2C3a%3A7(t%2Cb%2Cc%2Cd)%7Bq%20c*(t%2F%3Dd)*t*t*t%2Bb%7D%2C25%3A7(t%2Cb%2Cc%2Cd)%7Bq-c*((t%3Dt%2Fd-1)*t*t*t-1)%2Bb%7D%2C3g%3A7(t%2Cb%2Cc%2Cd)%7Bq((t%2F%3Dd%2F2)%3C1)%3F(c%2F2*t*t*t*t%2Bb)%3A(-c%2F2*((t-%3D2)*t*t*t-2)%2Bb)%7D%2Cf%3A7(6%2Cf)%7Bq(%2B%5B1%2C%5D)%3F1q.3b(6%2C2x)%5Bf%5D%3A6.3c%5Bf%5D%7D%2CE%3A7(6%2Cv)%7B8(v!%3DY)%7Bv%3Dv%3EI%3FI%3A(v%3C0%3F0%3Av)%3B6.f.39%3D%221B(N%3D%22%2Bv%2B%22)%22%3B6.f.N%3D(v%2FI)%7DP%20q(!%2B%5B1%2C%5D)%3F((6.2a.1B)%3F6.2a.1B.N%3AI)%3A((6.f.N)%3F6.f.N*I%3AI)%7D%2CR%3A7(6%2CT%2C1j%2C24%2CU%2CO)%7Bo%20E%3DT%3D%3D%5C'N%5C'%3F1s%3AD%2C1x%3D9.f(6%2CT)%2C27%3D28%201j%3D%3D%3D%5C'38%5C'%3B8(E%26%269.f(6%2C%5C'1o%5C')%3D%3D%5C'1U%5C')%7B6.f.1o%3D%5C'34%5C'%3B9.E(6%2C0)%7Do%20t%3D0%2Cb%3DE%3F9.E(6)%3A2n(1x%3D%3D%5C'G%5C'%3F0%3A1x)%2Cc%3D27%3F1j%2F1%3A1j-b%2Cd%3D24%7C%7C36%2C1W%3DU%7C%7C%5C'25%5C'%2Cm%3Dc%3E0%3F%5C'3d%5C'%3A%5C'2y%5C'%3B8(6%5BT%2B%5C'19%5C'%5D)1i(6%5BT%2B%5C'19%5C'%5D)%3B6%5BT%2B%5C'19%5C'%5D%3D1u(7()%7B8(E%26%26t%3Cd)%7BB.E(6%2C1J%5Bm%5D(B%5B1W%5D(%2B%2Bt%2Cb%2Cc%2Cd)))%7DP%208(!E%26%26t%3Cd)%7B6.f%5BT%5D%3D1J%5Bm%5D(B%5B1W%5D(%2B%2Bt%2Cb%2Cc%2Cd))%2B%5C'x%5C'%7DP%7B8(E%26%261j%3D%3D0)%7B6.f.1o%3D%5C'1U%5C'%7D1i(6%5BT%2B%5C'19%5C'%5D)%3BO%26%26O.3m(6)%7D%7D%2C10)%3Bq%209%7D%2C3k%3A7(6%2CF%2CO)%7B9.R(6%2C%5C'N%5C'%2CI%2CF%3D%3DY%3F20%3AF%2C%5C'1R%5C'%2CO)%3Bq%209%7D%2C3j%3A7(6%2CF%2CO)%7B9.R(6%2C%5C'N%5C'%2C0%2CF%3D%3DY%3F20%3AF%2C%5C'1R%5C'%2CO)%3Bq%209%7D%2C2p%3A7(6%2C1M%2CF%2C26%2CO)%7BJ(o%20p%202G%201M)9.R(6%2Cp%2C1M%5Bp%5D%2CF%2C26%2CO)%3Bq%209%7D%2C3o%3A7(6)%7Bo%20R%3D%5B%5C'1v%5C'%2C%5C'2H%5C'%2C%5C'23%5C'%2C%5C'31%5C'%2C%5C'K%5C'%2C%5C'S%5C'%2C%5C'N%5C'%5D%3BJ(o%20i%3D0%3Bi%3CR.L%3Bi%2B%2B)8(6%5BR%5Bi%5D%2B%5C'19%5C'%5D)1i(6%5BR%5Bi%5D%2B%5C'19%5C'%5D)%3Bq%209%7D%2C1D%3A7(p)%7Bo%2017%3D%5B%5D%2Ch%3Dp.S%7C%7C2Q%2C14%3D1k.2J(%5C'f%5C')%3B14.U%3D%5C'1K%2F17%5C'%3B8(p.1z)9.1z(%5B9.%24(p.1h)%5D%2Cp.f%2B%5C'2N%5C')%3B8(p.17!%3D%3DD)17.1a(%5C'.%5C'%2Bp.f%2B%5C'%20*%7B2M%3A0%3B2b%3A0%3B2K%3A0%3B2L-f%3A1U%3B%7D.%5C'%2Bp.f%2B%5C'%7B1L%3A2h%3BK%3A%5C'%2Bp.K%2B%5C'x%3BS%3A%5C'%2Bh%2B%5C'x%3B1Y%3A1T%3B2Y%3A2Z%2F1.5%202R%2C2X%2C2W-2S%3B2c%3A%232i%3B%7D.%5C'%2Bp.f%2B%5C'%20.1N%7B1L%3A2T%3Bz-k%3A2U%3BK%3AI%25%3BS%3AI%25%3B2V%3A%233l%3B1K-3p%3A2j%3B2b-23%3A%5C'%2B0.3*h%2B%5C'x%3B2c%3A%232i%203U(3V%3A%2F%2F3W.3X.3T%2F3Z%2F3O%2F3P-1N.3Q)%202j%20%5C'%2B0.4*h%2B%5C'x%203Y-43%3B%7D.%5C'%2Bp.f%2B%5C'%20.41%7B1L%3A2h%3BK%3A%5C'%2Bp.K%2B%5C'x%3BS%3A%5C'%2Bh%2B%5C'x%3B1Y%3A1T%3B%7D.%5C'%2Bp.f%2B%5C'%20.1d%20y%2C.%5C'%2Bp.f%2B%5C'%20.1d%20y%201Q%2C.%5C'%2Bp.f%2B%5C'%20.1d-3S%7BK%3A%5C'%2Bp.K%2B%5C'x%3BS%3A%5C'%2Bp.2g%2B%5C'x!2d%3B3M-S%3A%5C'%2Bp.2g%2B%5C'x!2d%3B1Y%3A1T%3B%7D.%5C'%2Bp.f%2B%5C'%20.1d%20y%20p%20a%7B1o%3A3y%3B%7D%5C')%3B8(14.2e)%7B14.2e.3z%3D17.1F(%5C'%5C')%7DP%7B14.1e%3D17.1F(%5C'%5C')%7Do%201y%3D9.%24%24(%5C'3v%5C'%2C1k)%5B0%5D%3B1y.2I(14%2C1y.3r)%7D%2C3s%3A7(w)%7B8(1q.2f)%7B(7()%7B3t%7BB.%24(w.1h).H%2B%3D%5C'%20%5C'%2Bw.f%3BB.1D(w)%7D3A(e)%7B2t(3B.3I%2C0)%7D%7D)()%3B1q.2f(%5C'3J%5C'%2C7()%7BB%5Bw.f%5D(w)%7D)%7D%E3%80%80%E3%80%80P%7B1k.2k(%223K%22%2C7()%7BB.%24(w.1h).H%2B%3D%5C'%20%5C'%2Bw.f%3BB.1D(w)%7D%2CD)%3B1q.2k(%5C'3H%5C'%2C7()%7BB%5Bw.f%5D(w)%7D%2CD)%7D%7D%2C3G%3A7(6%2Cu)%7Bo%20s%3D%5B%5D%2CX%3D9.%24%24(%5C'X%5C'%2C6)%5B0%5D%2Cy%3D9.%24%241A(%5C'y%5C'%2CX)%2CA%2Cn%3Dy.L%2C1H%3Du.L%3BJ(o%20j%3D0%3Bj%3C1H%3Bj%2B%2B)%7Bs.1a(%5C'%3CX%202C%3D%5C'%2Bu%5Bj%5D%2B%5C'%3E%5C')%3BJ(o%20i%3D0%3Bi%3Cn%3Bi%2B%2B)%7BA%3D9.%24%24(%5C'A%5C'%2Cy%5Bi%5D)%5B0%5D%3Bs.1a(%5C'%3Cy%3E%5C'%2B(u%5Bj%5D%3D%3D%5C'1H%5C'%3F(%5C'%3Ca%3E%5C'%2B(i%2B1)%2B%5C'%3C%2Fa%3E%5C')%3A(u%5Bj%5D%3D%3D%5C'1d%5C'%26%26A%3Fy%5Bi%5D.1e.1Z(%2F%3CA(.%7C%5C%5Cn%7C%5C%5Cr)*%3F(%5C%5C%3E%5C%5C%3C%5C%5C%2Fa%5C%5C%3E)%2Fi%2CA.3D%2B%5C'%3C%2Fa%3E%5C')%2B%5C'%3Cp%3E%5C'%2BA.2l(%221K%22)%2B%5C'%3C%2Fp%3E%5C'%3A(u%5Bj%5D%3D%3D%5C'22%5C'%26%26A%3F%5C'%3CA%2021%3D%5C'%2B(A.2l(%2222%22)%7C%7CA.21)%2B%5C'%20%2F%3E%5C'%3A%5C'%5C')))%2B%5C'%3C1Q%3E%3C%2F1Q%3E%3C%2Fy%3E%5C')%7D%3Bs.1a(%5C'%3C%2FX%3E%5C')%7D%3B6.1e%2B%3Ds.1F(%5C'%5C')%7D%2C1z%3A7(C%2Cu)%7Bo%201c%3D1k.2J(%5C'1c%5C')%3B1c.H%3Du%3BC%5B0%5D.2F.2I(1c%2CC%5B0%5D)%3BJ(o%20i%3D0%3Bi%3CC.L%3Bi%2B%2B)1c.3F(C%5Bi%5D)%7D%2C3E%3A7(6%2Cu)%7B6.1e%3D%5C'%3CX%202C%3D%5C'%2Bu%2B%5C'%3E%5C'%2B6.1e%2B%5C'%3C%2FX%3E%5C'%7D%2C3C%3A7(2A%2C2q%2C2E%2Cd)%7Bq%22o%201G%3D9.%24c(%5C'1N%5C'%2C1g)%2CW%3D%22%2B2E%2B%22%2C11%3D1s%2C1b%3D%22%2Bd%2B%22%7C%7C%5C'1v%5C'%2C1m%3D1b%3D%3D%5C'1v%5C'%7C%7CV%3D%3D%5C'2H%5C'%3Fw.K%3Aw.S%3B8(W)%7B1C.f%5B1b%5D%3D-1m*n%2B%5C'x%5C'%3Bk%2B%3Dn%3B%7D8(1G)1g.3L(1G)%3Bo%20Q%3D7(13)%7B(%22%2B2A%2B%22)()%3B8(W%26%26k%3D%3D2*n-1%26%2611!%3D1)%7B1C.f%5B1b%5D%3D-(n-1)*1m%2B%5C'x%5C'%3Bk%3Dn-1%7D8(W%26%26k%3D%3D0%26%2611!%3D2)%7B1C.f%5B1b%5D%3D-n*1m%2B%5C'x%5C'%3Bk%3Dn%7D8(!W%26%26k%3D%3Dn-1%26%2613%3D%3DY)k%3D-1%3B8(W%26%2613!%3D%3DY%26%26k%3En-1%26%26!11)%2013%2B%3Dn%3Bo%20Z%3D13!%3D%3DY%3F13%3Ak%2B1%2C1w%3Dk%3B(%22%2B2q%2B%22)()%3Bk%3DZ%3B11%3DD%3B%7D%3BQ(k)%3B8(w.G!%3D%3DD)o%20G%3D1u(7()%7BQ()%7D%2Ct)%3B1g.1I%3D7()%7B8(G)1i(G)%7D%3B1g.1X%3D7()%7B8(G)G%3D1u(7()%7BQ()%7D%2Ct)%7D%3B%22%7D%2C3q%3A7(M%2CU%2C1n)%7Bq%22J%20(o%20j%3D0%3Bj%3Cn%3Bj%2B%2B)%7B%22%2BM%2B%22%5Bj%5D.k%3Dj%3B8(%22%2BU%2B%22%3D%3D%5C'3u%5C')%7B%22%2BM%2B%22%5Bj%5D.1I%3D7()%7B8(9.H!%3D%5C'3N%5C')%209.H%3D%5C'2s%5C'%7D%3B%22%2BM%2B%22%5Bj%5D.1X%3D7()%7B8(9.H%3D%3D%5C'2s%5C')%209.H%3D%5C'%5C'%7D%3B%22%2BM%2B%22%5Bj%5D.1p%3D7()%7B8(9.k!%3Dk)%20%7BQ(9.k)%3Bq%20D%7D%7D%3B%7DP%208(%22%2BU%2B%22%3D%3D%5C'3x%5C')%7B%22%2BM%2B%22%5Bj%5D.1I%3D7()%7Bo%201f%3D9%3B8(%22%2B1n%2B%22%3D%3D0)%7B8(1f.k!%3Dk)%7BQ(1f.k)%3Bq%20D%7D%7DP%20%22%2BM%2B%22.d%3D2t(7()%7B8(1f.k!%3Dk)%20%7BQ(1f.k)%3Bq%20D%7D%7D%2C%22%2B(1n%3D%3DY%3FI%3A1n)%2B%22)%7D%3B%22%2BM%2B%22%5Bj%5D.1X%3D7()%7B3w(%22%2BM%2B%22.d)%7D%3B%7DP%7B42(%5C'40%203R%20%3A%20%5C%5C%22%5C'%2B%22%2BU%2B%22%2B%5C'%5C%5C%22%5C')%3B2u%3B%7D%3BJ(o%20i%3D0%2C1P%3D9.%24%24(%5C'a%5C'%2C1g)%2C2v%3D1P.L%3Bi%3C2v%3Bi%2B%2B)%201P%5Bi%5D.32%3D7()%7B9.2P()%3B%7D%7D%22%7D%2C2O%3A7(6%2C1O%2C2w)%7Bq%22o%201t%3DD%3B%22%2B6%2B%22.1p%3D7()%7B9.H%3D9.H%3D%3D%5C'%22%2B1O%2B%22%5C'%3F%5C'%22%2B2w%2B%22%5C'%3A%5C'%22%2B1O%2B%22%5C'%3B8(!1t)%7B1i(G)%3BG%3D2x%3B1t%3D1s%3B%7DP%7BG%3D1s%3B1t%3DD%3B%7D%7D%22%7D%2C3h%3A7(6%2CV%2C2z%2C1V%2CF)%7Bq%22o%2015%3D%7B%7D%2C12%3D%22%2B2z%2B%22%2C2m%3D1J.2y(%22%2B1V%2B%22%2F2)%2C2B%3D2n(%22%2B6%2B%22.f%5B%22%2BV%2B%22%5D)%7C%7C0%2C18%3DZ%3E%3Dn%3FZ-n%3AZ%2C2r%3D%22%2BF%2B%22%7C%7C30%2C2o%3D12*(n-%22%2B1V%2B%22)%2C1S%3D12*18%2B2B%3B8(1S%3E12*2m%26%2618!%3D%3Dn-1)%2015%5B%22%2BV%2B%22%5D%3D%5C'-%5C'%2B12%3B8(1S%3C12%26%2618!%3D%3D0)%2015%5B%22%2BV%2B%22%5D%3D%5C'%2B%5C'%2B12%3B8(18%3D%3D%3Dn-1)%2015%5B%22%2BV%2B%22%5D%3D-2o%3B8(18%3D%3D%3D0)%2015%5B%22%2BV%2B%22%5D%3D0%3BB.2p(%22%2B6%2B%22%2C15%2C2r)%3B%22%7D%2C35%3A7(1w%2CZ)%7Bq%201w%2B%22.1p%3D7()%7B11%3D1%3BQ(k%3E0%3Fk-1%3An-1)%3B%7D%3B%22%2BZ%2B%22.1p%3D7()%7B11%3D2%3Bo%202D%3Dk%3E%3D2*n-1%3Fn-1%3Ak%3BQ(k%3D%3Dn-1%26%26!W%3F0%3A2D%2B1)%3B%7D%22%7D%2C3f%3A7(1E)%7BJ(o%20p%202G%201E)9%5Bp%5D%3D1E%5Bp%5D%7D%7D'%2C62%2C252%2C'%7C%7C%7C%7C%7C%7Cobj%7Cfunction%7Cif%7Cthis%7C%7C%7C%7C%7C%7Cstyle%7C%7C%7C%7C%7Cindex%7C%7C%7C%7Cvar%7C%7Creturn%7C%7C%7C%7Ccla%7C%7Cpar%7Cpx%7Cli%7C%7Cimg%7CmyFocus%7Carr%7Cfalse%7Copa%7Cspeed%7Cauto%7CclassName%7C100%7Cfor%7Cwidth%7Clength%7CarrStr%7Copacity%7Cfn%7Celse%7Crun%7Canimate%7Cheight%7Cprop%7Ctype%7Cdir%7Cless%7Cul%7Cundefined%7Cnext%7C%7C_turn%7CscDis%7Cidx%7CoStyle%7CscPar%7Ctag%7Ccss%7CscIdx%7CTimer%7Cpush%7C_dir%7Cdiv%7Ctxt%7CinnerHTML%7Cself%7Cbox%7Cid%7CclearInterval%7Cval%7Cdocument%7CgetElementsByTagName%7C_dis%7Cdelay%7Cdisplay%7Conclick%7Cwindow%7Ctags%7Ctrue%7C_stop%7CsetInterval%7Cleft%7Cprev%7Coffset%7CoHead%7Cwrap%7C_%7Calpha%7Cpics%7CinitCSS%7CfnObj%7Cjoin%7Cld%7Cnum%7Conmouseover%7CMath%7Ctext%7Cposition%7Cparams%7Cloading%7Ccla1%7Clk%7Cspan%7Clinear%7CscD%7Chidden%7Cnone%7Csn%7Cst%7Conmouseout%7Coverflow%7Creplace%7C%7Csrc%7Cthumb%7Ctop%7Cspd%7CeaseOut%7Ceasing%7Cam%7Ctypeof%7Creg%7Cfilters%7Cpadding%7Cbackground%7Cimportant%7CstyleSheet%7CattachEvent%7CtxtHeight%7Crelative%7Cfff%7Ccenter%7CaddEventListener%7CgetAttribute%7CscN%7CparseInt%7CscMax%7Cslide%7Cfn2%7CscSpd%7Chover%7CsetTimeout%7Cbreak%7Cln%7Ccla2%7Cnull%7Cfloor%7Cdis%7Cfn1%7CscDir%7Cclass%7CtIdx%7Cisless%7CparentNode%7Cin%7Cright%7CinsertBefore%7CcreateElement%7Cborder%7Clist%7Cmargin%7C_wrap%7Ctoggle%7Cblur%7C296%7CVerdana%7Cserif%7Cabsolute%7C9999%7Ccolor%7Csans%7CGeneva%7Cfont%7C12px%7C%7Cbottom%7Confocus%7Cobject%7Cblock%7Cturn%7C50%7Ctest%7Cstring%7Cfilter%7CeaseIn%7CgetComputedStyle%7CcurrentStyle%7Cceil%7CRegExp%7Cextend%7CeaseInOut%7Cscroll%7CgetElementById%7CfadeOut%7CfadeIn%7C666%7Ccall%7Cnew%7Cstop%7Calign%7Cbind%7CfirstChild%7Csetting%7Ctry%7Cclick%7Chead%7CclearTimeout%7Cmouseover%7Cinline%7CcssText%7Ccatch%7Carguments%7CswitchMF%7Calt%7CwrapIn%7CappendChild%7CaddList%7Cload%7Ccallee%7Conload%7CDOMContentLoaded%7CremoveChild%7Cline%7Ccurrent%7Ci_41956%7C28236%7Cgif%7CSetting%7Cbg%7Ccom%7Curl%7Chttp%7Cnethd%7Czhongsou%7Cno%7Cwtimg%7CError%7Cpic%7Calert%7Crepeat'.split('%7C')%2C0%2C%7B%7D))%3B%20%0D%0AmyFocus.extend(%7B%2F%2F*********************tbhuabao******************%20%0D%0AmF_tbhuabao%3Afunction(par)%7Bvar%20box%3Dthis.%24(par.id)%3Bthis.addList(box%2C%5B'dot'%2C'txt'%2C'prev'%2C'next'%5D)%3Bthis.wrap(%5Bthis.%24c('pic'%2Cbox)%5D%2C'win')%3Bvar%20pics%3Dthis.%24c('pic'%2Cbox)%2Cdot%3Dthis.%24li('dot'%2Cbox)%2Ctxt%3Dthis.%24li('txt'%2Cbox)%2Cpre%3Dthis.%24c('prev'%2Cbox)%2Cnex%3Dthis.%24c('next'%2Cbox)%3Bvar%20index%3D0%2Cn%3Dtxt.length%2Ct%3Dpar.time*1000%3Bpics.innerHTML%2B%3Dpics.innerHTML%3Bfor(var%20i%3D0%3Bi%3Cn%3Bi%2B%2B)dot%5Bi%5D.innerHTML%3D'%3Ca%20href%3D%22javascript%3A%3B%22%3E%26bull%3B%3C%2Fa%3E'%3Bpre.innerHTML%3D'%3Ca%20href%3D%22javascript%3A%3B%22%3E%26%238249%3B%3C%2Fa%3E'%3Bnex.innerHTML%3D'%3Ca%20href%3D%22javascript%3A%3B%22%3E%26%238250%3B%3C%2Fa%3E'%3Bvar%20win%3Dthis.%24c('win'%2Cbox)%2Cpic%3Dthis.%24li('pic'%2Cbox)%2Cdots%3Dthis.%24c('dot'%2Cbox)%2CdotH%3D32%2CarTop%3Dpar.height%2F2-32%3Bbox.style.height%3Dpar.height%2BdotH%2B'px'%3Bwin.style.cssText%3D'width%3A'%2Bpar.width%2B'px%3Bheight%3A'%2Bpar.height%2B'px%3B'%3Bpics.style.width%3Dpar.width*2*n%2B'px'%3Bfor(var%20i%3D0%3Bi%3Cn%3Bi%2B%2B)%7Btxt%5Bi%5D.style.bottom%3DdotH%2B'px'%7Dfor(var%20i%3D0%3Bi%3C2*n%3Bi%2B%2B)pic%5Bi%5D.style.cssText%3D'width%3A'%2Bpar.width%2B'px%3Bheight%3A'%2Bpar.height%2B'px%3B'%3Bpre.style.cssText%3Dnex.style.cssText%3D'top%3A'%2BarTop%2B'px%3B'%3Beval(this.switchMF(function()%7Btxt%5Bindex%3E%3Dn%3F(index-n)%3Aindex%5D.style.display%3D'none'%3Bdot%5Bindex%3E%3Dn%3F(index-n)%3Aindex%5D.className%3D''%7D%2Cfunction()%7BmyFocus.slide(pics%2C%7Bleft%3A-par.width*next%7D)%3Btxt%5Bnext%3E%3Dn%3F(next-n)%3Anext%5D.style.display%3D'block'%3Bdot%5Bnext%3E%3Dn%3F(next-n)%3Anext%5D.className%3D'current'%7D%2C'true'))%3Beval(this.bind('dot'%2C'%22click%22'))%3Beval(this.turn('pre'%2C'nex'))%7D%20%0D%0A%7D)%3B%20%0D%0AmyFocus.setting(%7B%20%0D%0Aid%3A'myFocus'%2C%2F%2F%E7%84%A6%E7%82%B9%E5%9B%BEID%20%0D%0Astyle%3A'mF_tbhuabao'%2C%2F%2F%E9%A3%8E%E6%A0%BC%E6%A0%B7%E5%BC%8F%20%0D%0Atime%3A3%2C%2F%2F%E5%88%87%E6%8D%A2%E6%97%B6%E9%97%B4%E9%97%B4%E9%9A%94(%E7%A7%92)%20%0D%0Atrigger%3A'click'%2C%2F%2F%E8%A7%A6%E5%8F%91%E5%88%87%E6%8D%A2%E6%A8%A1%E5%BC%8F%EF%BC%9A'click'(%E7%82%B9%E5%87%BB)%2F'mouseover'(%E6%82%AC%E5%81%9C)%20%0D%0Awidth%3A450%2C%2F%2F%E8%AE%BE%E7%BD%AE%E5%AE%BD%E5%BA%A6(%E4%B8%BB%E5%9B%BE%E5%8C%BA)%20%0D%0Aheight%3A296%2C%2F%2F%E8%AE%BE%E7%BD%AE%E9%AB%98%E5%BA%A6(%E4%B8%BB%E5%9B%BE%E5%8C%BA)%20%0D%0AtxtHeight%3A'default'%2F%2F%E6%96%87%E5%AD%97%E5%B1%82%E9%AB%98%E5%BA%A6%E8%AE%BE%E7%BD%AE%EF%BC%8C'default'%E4%B8%BA%E9%BB%98%E8%AE%A4%E9%AB%98%E5%BA%A6%EF%BC%8C0%E4%B8%BA%E9%9A%90%E8%97%8F%20%0D%0A%7D)%3B%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body> 
<div id="myFocus"> 
<div class="loading"><span>请稍候...</span></div> 
<ul class="pic"> 
<li><a href="#" _ewebeditor_ta_href="%23"><img src="http://547d.ipc.la/img/myfocus/1.jpg" _ewebeditor_ta_src="http%3A%2F%2F547d.ipc.la%2Fimg%2Fmyfocus%2F1.jpg" thumb="" alt="图片1来源于网络，版权属于作者" text="图片1更详细的描述文字" /></a></li> 
<li><a href="#" _ewebeditor_ta_href="%23"><img src="http://547d.ipc.la/img/myfocus/2.jpg" _ewebeditor_ta_src="http%3A%2F%2F547d.ipc.la%2Fimg%2Fmyfocus%2F2.jpg" thumb="" alt="版权属于作者，图片2来源于网络" text="图片2更详细的描述文字" /></a></li> 
<li><a href="#" _ewebeditor_ta_href="%23"><img src="http://547d.ipc.la/img/myfocus/3.jpg" _ewebeditor_ta_src="http%3A%2F%2F547d.ipc.la%2Fimg%2Fmyfocus%2F3.jpg" thumb="" alt="图片3来源于网络，版权属于作者" text="图片3更详细的描述文字" /></a></li> 
<li><a href="#" _ewebeditor_ta_href="%23"><img src="http://547d.ipc.la/img/myfocus/4.jpg" _ewebeditor_ta_src="http%3A%2F%2F547d.ipc.la%2Fimg%2Fmyfocus%2F4.jpg" thumb="" alt="版权属于作者，图片4来源于网络" text="图片4更详细的描述文字" /></a></li> 
<li><a href="#" _ewebeditor_ta_href="%23"><img src="http://547d.ipc.la/img/myfocus/5.jpg" _ewebeditor_ta_src="http%3A%2F%2F547d.ipc.la%2Fimg%2Fmyfocus%2F5.jpg" thumb="" alt="图片5来源于网络，版权属于作者" text="图片5更详细的描述文字" /></a></li> 
</ul> 
</div> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　可随意更改大小的，里面的参数已经详细说明了，喜欢的就拿去吧

教程首页更多教程