100分，求图片滚动效果！

Question

我有个类似的，不是自动滚动 ，我弄两个按钮 鼠标移到那里就滚动，你也修改为你所需要的heightPerLine = 25;  //每行高度
srollLinesPerClick = 5;  //滚动行数
scrollBoardHeight = heightPerLine * srollLinesPerClick;   //内容区高度
   
stopscroll=true;     //这个变量控制是否停止滚动
bIsUp = true;var nLastPosH = 0;
     
function Up(scrollObject){            //上滚调用入口
  scrollBoard=scrollObject;
  UpStart();
}
function Down(scrollObject){          //下滚调用入口
  scrollBoard=scrollObject;
  DownStart();
}
function UpStart(){
  stopscroll = false;
  bIsUp = true;
  a_scrollUp();
}
function DownStart(){
  stopscroll = false;
  bIsUp = false;
  a_scrollUp();
}
function ToStop(){
  stopscroll = true;
}
function a_scrollUp(){
  if(stopscroll==true) 
    return;
    preTop = scrollBoard.scrollTop;
    if(bIsUp){
  scrollBoard.scrollTop+=1;
  if(nLastPosH + scrollBoardHeight == scrollBoard.scrollTop){
 nLastPosH = scrollBoard.scrollTop;
 ToStop();
 return;
  }
}
else{
  scrollBoard.scrollTop-=1;
  if(nLastPosH - scrollBoardHeight == scrollBoard.scrollTop){
 nLastPosH = scrollBoard.scrollTop;
 ToStop();
 return;
  }
    }
setTimeout("a_scrollUp()",10);
}
<div id="product" name="product" style="HEIGHT: 238px; OVERFLOW: hidden;">
<!--图片区域-->
<div>
<input name="B1" type="image" src="images/up.jpg" onMouseOver="javascript:Down(product)">
<input name="B1" type="image" src="images/down.jpg" onMouseOver="javascript:Up(product)">

Answer 1

用<iframe配和ie得换页特效也不错

Answer 2

<div id="demo" align="center" style="OVERFLOW:hidden;WIDTH:720px;COLOR:#ffffff">
<table align="center" cellpadding="4" cellspacing="0" border="0">
<tr>
<td id="demo1">
<img src="aaa/aaa.gif"><img src="aaa/aaa.gif"><img src="aaa/aaa.gif">
<img src="aaa/aaa.gif"><img src="aaa/aaa.gif"><img src="aaa/aaa.gif">
</td>
<td id="demo2">
</td>
</tr>
</table>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

Answer 3

前阵子做的： http://izone.qq.com/client/photo_dynamic.htm?uin=123456&album=63271855