IT CPN软件频道

DHTML实现可控制的页面内滚动区域

作者：出处：天极网责任编辑：龙犊

如下所示：

<img src="images/up.gif" width=19 height=27 class="opacity" onMouseDown=movover();movstar(-3,2) onMouseOut=movover();o_up(this) onMouseOver=movstar(-1,20);o_down(this)　onMouseUp=movover();movstar(-1,20) alt="点住不放可以快速向上滚动">

这就是控制文字向上滚动的代码，当鼠标移动到up.gif图片上时文字向上滚动，按动箭头文字会加快向上滚动速度。

向下箭头图片的制作方法同上。在代码中加入“class="opacity" onMouseDown=movover();movstar(3,2) onMouseOut=movover();o_up(this) onMouseOver=movstar(1,20);o_down(this) onMouseUp=movover();movstar(1,20) alt="点住不放可以快速向下滚动"”。

如下所示：

<img src="images/down.gif" width=19 height=19 class="opacity" onMouseDown=movover();movstar(3,2) onMouseOut=movover();o_up(this) onMouseOver=movstar(1,20);o_down(this) onMouseUp=movover();movstar(1,20) alt="点住不放可以快速向下滚动">

之后在要显示文字的区域加上以下这段代码：

<iframe border=0 frameborder=0 framespacing=0 height=120 marginheight=0 marginwidth=0 name=new_date noResize scrolling=no src="iframe.htm" width=200 vspale="0"></iframe>

连接一个叫iframe.htm的页面。其中height=120 width=200控制iframe.htm页面在当前页面的显示面积大小。编辑iframe.htm文件，放入你要更新的内容就行了。
阅读关于 DHTML 页面滚动网页陶吧的全部文章

原文出处

1 2

相关文章

·高手技巧：在ASP中集合成批操作数据库

·如何创建内容丰富的企业网站的网页

·阴谋与陷阱：出卖Alexa的人说网站排名

·网页HTML默认的CSS样式表属性总结

·网页制作前台之Javascript鼠标事件

·Web制作的标准化实践制作Google首页

·百度暗示要做门户 IM服务明年内推出

·网站安全成焦点网页防篡改技术追踪

·ASP中一些与数据库相关的错误以及原因