最简单的带按钮的无缝滚动.doc

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 title带左右箭头切换的自动滚动图片JS特效/title style type=text/css !-- .rollBox{width:704px;padding:12px 0 5px 6px;margin:0 auto;padding-left:35px;} .rollBox .LeftBotton{height:52px;width:60px;background:url(/space/gallery746/%E8%A3%85%E9%A5%B0%E8%A3%85%E6%BD%A2%E7%BD%91/1419320-button.jpg) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:50px 0 0 0;cursor:pointer;} .rollBox .RightBotton{height:52px;width:60px;background:url(/space/gallery746/%E8%A3%85%E9%A5%B0%E8%A3%85%E6%BD%A2%E7%BD%91/1419320-button.jpg) no-repeat -60px 0;overflow:hidden;float:left;display:inline;margin:50px 0 0 0;cursor:pointer;} .rollBox .Cont{width:330px;overflow:hidden;float:left;} .rollBox .ScrCont{widthx;} .rollBox .Cont .pic{width:165px;float:left;text-align:center;} .rollBox .Cont .pic img{padding:6px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;} .rollBox .Cont .pic p{line-height:12px;font-size:12px;color:#000;} .rollBox .Cont a:link,.rollBox .Cont a:visited{color:#000;text-decoration:none;} .rollBox .Cont a:hover{color:#f00;text-decoration:none;} .rollBox #List1,.rollBox #List2{float:left;} -- /style /head body div class=rollBox div class=LeftBotton onmousedown=ISL_GoUp() onmouseup=ISL_StopUp() onmouseout=ISL_StopUp()/div div class=Cont id=ISL_Cont div class=ScrCont div id=List1 !-- 图片列表 begin -- div class=pic a href=/ target=_blankimg src=/space/gallery746/%E8%A3%85%E9%A5%B0%E8%A3%85%E6%BD%A2%E7%BD%91/previews-med/2070819-_20101027171058_16193.jpg width=140 height=140 //a /div div class=pic a href=/content-13468-7.htm target=_blankimg src=/space/gallery746/%E8%A3%85%E9%A5%B0%E8%A3%85%E6%BD%A2%E7%BD%91/1420391-5.jpg width=140 height=140 //a /div div class=pic