JS一组图片左右滚动


1、容器部分
DIV class=brand_logo><A class=Previous title=上一张
href="javascript:goPre()">上一张</A>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 876px; COLOR: #ffffff">
<UL style="WIDTH: 1760px">
<LI><A title=吉尔达专柜 href="//sjolzy.cn" target=_blank><IMG height=40
alt=吉尔达专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812041511097485.gif"
width=100></A> </LI>
<LI><A title=奥康专柜 href="//sjolzy.cn" target=_blank><IMG
height=40 alt=奥康专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812041513121825.gif"
width=100></A> </LI>
<LI><A title=法派专柜 href="//sjolzy.cn" target=_blank><IMG height=40
alt=法派专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812041525071831.gif"
width=100></A> </LI>
<LI><A title=飞鸵专柜 href="//sjolzy.cn" target=_blank><IMG
height=40 alt=飞鸵专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812041519396773.gif"
width=100></A> </LI>
<LI><A title=韩国SZ专柜 href="//sjolzy.cn" target=_blank><IMG height=40
alt=韩国SZ专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812051357411605.jpg"
width=100></A> </LI>
<LI><A title=李宁专柜 href="//sjolzy.cn" target=_blank><IMG
height=40 alt=李宁专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812051357226039.jpg"
width=100></A> </LI>
<LI><A title=彪马专柜 href="//sjolzy.cn" target=_blank><IMG height=40
alt=彪马专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812050859416586.jpg"
width=100></A> </LI>
<LI><A title=蔓露卡专柜 href="//sjolzy.cn" target=_blank><IMG
height=40 alt=蔓露卡专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812041515041147.gif"
width=100></A> </LI>
<LI><A title=额菲尔专柜 href=" target=_blank><IMG
height=40 alt=额菲尔专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812050912490372.jpg"
width=100></A> </LI>
<LI><A title=容悦专柜 href="//sjolzy.cn" target=_blank><IMG height=40
alt=容悦专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812050919285324.jpg"
width=100></A> </LI>
<LI><A title=安踏专柜 href="//sjolzy.cn" target=_blank><IMG height=40
alt=安踏专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812050900409768.jpg"
width=100></A> </LI>
<LI><A title=斯伯丁专柜 href="http://spalding.21wear.com/" target=_blank><IMG
height=40 alt=斯伯丁专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812050902092649.jpg"
width=100></A> </LI>
<LI><A title=美津浓专柜 href="http://mizuno.21wear.com/" target=_blank><IMG
height=40 alt=美津浓专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812050856063338.jpg"
width=100></A> </LI>
<LI><A title=花园街19号 href="http://no19.21wear.com/" target=_blank><IMG
height=40 alt=花园街19号 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812050919592155.jpg"
width=100></A> </LI>
<LI><A title=康威专柜 href="http://kangwei.21wear.com/" target=_blank><IMG
height=40 alt=康威专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812050853115346.jpg"
width=100></A> </LI>
<LI><A title=薇可专柜 href="http://vivicam.21wear.com/" target=_blank><IMG
height=40 alt=薇可专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812041507284048.gif"
width=100></A> </LI></UL></DIV><A class=Next title=下一张
href="javascript:goNext()">下一张 </A></DIV>
2、JS部分
function goPre() {
for (var i=0;i<110;i++) {
   $("demo").scrollLeft --;
}
}
function goNext() {
if ($("demo").scrollLeft == 880) {
   return;
}
for (var i=0;i<110;i++) {
   $("demo").scrollLeft ++;
}
}


 

标签: js, href, 专柜, 名品, 商城