编程开发论坛 - Powered by Discuz! Board

标题: 如何做滚动效果？ [打印本页]

作者: xihuanbui 时间: 2006-4-21 15:39 标题: 如何做滚动效果？

就是在最中间有个层或话框，有上下两个图片，把鼠标放到向上的图片时向上滚动，向下是向下滚动。
要怎么实现？把代码帖出来行吗？

作者: tingtingxiang 时间: 2006-4-21 15:39

<script>var  timer</script>
<div  id=demo  style="width:100;height:100;overflow:auto">
就是在最中间有个层或话框，有上下两个图片，把鼠标放到向上的图片时向上滚动，向下是向下滚动。
要怎么实现？把代码帖出来行吗？
</div>
<img  src="up.gif"  onmouseover="timer=setInterval('demo.scrollTop--',1)"  onmouseout="clearInterval(timer)">
<img  src="down.gif"  onmouseover="timer=setInterval('demo.scrollTop++',1)"  onmouseout="clearInterval(timer)">

作者: 雁渡寒潭 时间: 2006-4-21 15:40

http://asp.6to23.com/dhlyyy/jimo/z_z.asp

请查看源代码
<tr>
                           <td  height="49"><img  src="image/up.gif"  width="10"  height="31"onmouseup="movover();movstar(-1,20)"  class="opacity"  onmousedown="movover();movstar(-3,2)"  onmouseover="movstar(-1,20);o_down(this)"  onmouseout="movover();o_up(this)"alt="鼠标点住不放加速移动"  >
                                             </td>
                        </tr>
                        <tr>
                           <td  valign="top"><img  src="image/down.gif"  width="10"  height="31"onmouseup="movover();movstar(1,20)"  class="opacity"  onmousedown="movover();movstar(3,2)"  onmouseover="movstar(1,20);o_down(this)"  onmouseout="movover();o_up(this)"
                                             alt="鼠标点住不放加速移动"></td>
                        </tr>
                        <tr>

欢迎光临编程开发论坛 (http://bbs.lihuasoft.net/)