高手们!!请看这个特效是怎么做的????

wy1978 2003-09-28 02:32:24
请看这个网页 http://www.firebeauty.com/06index02.asp
按住右边两个图标,中间的内容区就上下滚动 是怎么做的??
...全文
65 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
stefli 2003-09-28
  • 打赏
  • 举报
回复
<script>
function scroll(n)
{temp=n;
Out1.scrollTop=Out1.scrollTop+temp;
if (temp==0) return;
setTimeout("scroll(temp)",80);
}
</script>

<TABLE WIDTH="300">
<TR>
<TD WIDTH="506" VALIGN="TOP" ROWSPAN="2" class="p1">
<DIV ID=Out1 STYLE="width:100%; height:200;overflow: hidden ;border-style:dashed;border-width: 0px,0px,0px,0px;">
<pre>
测试 测试 测试
测试 测试 测试
测试 测试 测试 测试
测试 测试 测试 测试
测试 测试 测试 测试
测试 测试 测试 测试
测试 测试 测试 测试
测试 测试 测试 测试
测试 测试 测试 测试
测试 测试 测试
测试 测试 测试 测试
测试 测试 测试
测试 测试 测试 测试
测试 测试 测试 测试
测试 测试 测试 测试
测试 测试 测试
测试 测试 测试 测试
测试 测试 测试
测试 测试 测试 测试
</pre>
</DIV>
</TD>
<TD WIDTH="14" height="28" VALIGN="top"><IMG SRC="images/r-up.gif" WIDTH="15" HEIGHT="20" onmouseover="scroll(-1)" onmouseout="scroll(0)" onmousedown="scroll(-3)" BORDER="0" ALT="按下鼠标速度会更快!"></TD>
</TR>
<TR>
<TD WIDTH="15" height="200" VALIGN="middle"><IMG SRC="images/r-down.gif" onmouseover="scroll(1)" onmouseout="scroll(0)" onmousedown="scroll(3)" BORDER="0" WIDTH="15" HEIGHT="20" ALT="按下鼠标速度会更快!"></TD>
</TR>
</TABLE>
SadEmprie 2003-09-28
  • 打赏
  • 举报
回复
<script language='javascript1.2' >
<!--

var currentpos,timer;
function initialize()
{
timer=setInterval('scrollwindow()',10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
//-->
</script>

应该有点参考作用:)

87,988

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧