图片问题，急！！！

zyang198811 2008-12-23 03:37:28

如何实现，按向上的按钮图片加速向上滚动，按向下的按钮图片加速向下滚动，不按时，按原来的速度滚动，要原码？？？先谢谢了！！！

...全文

71 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

jin225 2008-12-23

打赏
举报

<table width="994" border="0" align="center" cellpadding="7" cellspacing="1" bgcolor="#DDDDDD">
<tr>
<td align="center" valign="top" bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30" style="height: 129px">
<img src="images/home1_r27_c4.jpg" width="30" height="120" /></td>
<td align="center" style="height: 129px">
<div id="Out1" style="overflow: hidden; width: 900px; height: 110px">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="Out2">
<asp:DataList ID="rp_imgnews" runat="server" RepeatDirection="Horizontal">
<ItemTemplate>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding-left: 20px">
<a href="newsinfo.aspx?id=<%# Eval("NewsID") %>" target="_blank" title="<%# Eval("Title") %>">
<img src="<%# "UploadImage/" + Eval("FilePath")%>" width="135" height="110" border="0" /></a>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</td>
<td id="Out3">
</td>
</tr>
</table>
</div>
</td>
<td width="30" style="height: 129px">
<img src="images/home1_r27_c30_r27_c30.jpg" width="30" height="120" border="0" onmousedown="scroll(-5)"
onmouseover="scroll(-5)" onmouseout="scroll(0)" style="cursor: pointer" /></td>
</tr>
</table>

// JScript File
<script language="javascript">
function scroll(n)
{temp=n;
Out1.scrollLeft=Out1.scrollLeft+temp;
if (temp==0) return;
setTimeout("scroll(temp)",30);
}

var speed=30;
Out3.innerHTML=Out2.innerHTML;
Out1.scrollLeft=Out1.scrollWidth;
function Marquee(){
if(Out1.scrollLeft<=0)
Out1.scrollLeft+=Out2.offsetWidth;
else{
Out1.scrollLeft--;
}
}
var MyMar=setInterval(Marquee,speed)
Out1.onmouseover=function() {clearInterval(MyMar);}
Out1.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
</script>
</td>
</tr>
</table>

海倍娜楽 2008-12-23

打赏
举报

<html>
<body>


<p>鼠标放到上面就回停止</p>

<div id=butong_net_top style=overflow:hidden;height:100;width:90;>
<div id=butong_net_top1>
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
</div>
<div id=butong_net_top2></div>
</div>
<script>
var speed=30
butong_net_top2.innerHTML=butong_net_top1.innerHTML //克隆butong_net_top1为butong_net_top2
function Marquee1(){
//当滚动至butong_net_top1与butong_net_top2交界时
if(butong_net_top2.offsetTop-butong_net_top.scrollTop<=0)
butong_net_top.scrollTop-=butong_net_top1.offsetHeight //butong_net_top跳到最顶端
else{
butong_net_top.scrollTop++;
}
}
var MyMar1=setInterval(Marquee1,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
butong_net_top.onmouseover=function() {clearInterval(MyMar1)}
//鼠标移开时重设定时器
butong_net_top.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
</script>


<br>


<div id=butong_net_bottom style=overflow:hidden;height:100;width:90;>
<div id=butong_net_bottom1>
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
<img src="../images/logo.gif">
</div>
<div id=butong_net_bottom2></div>
</div>
<script>
var speed=30
butong_net_bottom2.innerHTML=butong_net_bottom1.innerHTML
butong_net_bottom.scrollTop=butong_net_bottom.scrollHeight
function Marquee2(){
if(butong_net_bottom1.offsetTop-butong_net_bottom.scrollTop>=0)
butong_net_bottom.scrollTop+=butong_net_bottom2.offsetHeight
else{
butong_net_bottom.scrollTop--
}
}
var MyMar2=setInterval(Marquee2,speed)
butong_net_bottom.onmouseover=function() {clearInterval(MyMar2)}
butong_net_bottom.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
</script>


</body>
</html>

海倍娜楽 2008-12-23