可控制的页面内滚动区域
来源:互联网 发布:任以为己任 不亦重乎 编辑:程序博客网 时间:2024/06/07 02:20
下面我们就来详细讲解一下这种效果的制作方法: 首先,我们在样式表里加入“.opacity {FILTER: alpha(opacity=100)”,看下面! <style type="text/css"> 然后在html代码中加入: <script> 然后在向上箭头图片的代码中加入“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/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文件,放入你要更新的内容就行了。 |
- 可控制的页面内滚动区域
- 可控制的页面内滚动区域
- 可控制的连续滚动
- 控制页面内的图片尺寸
- 神奇的页面滚动控制(二)
- 神奇的页面滚动控制(一)
- Javascript实现神奇的页面滚动控制
- 控制滚动标签元素的同时不滚动页面
- 控制IE页面滚动
- 05、scroll-view 可滚动视图区域
- JS写的可控制滚动的公告面板
- 利用TabLayout+ViewPager+Fragment实现可滚动的Tab页面
- js控制页面中iframe内的页面提交
- WEB页面内实现可编辑选择框的方法
- WEB页面内实现可编辑选择框的方法
- 产品滚动,可控制,点击向上滚动,点击向上滚动
- 页面滚动条控制详细
- 滚动视图和页面控制
- 几个漂亮的Button的CSS
- 下拉文件框的自定義控件
- 左右漂浮的广告代码
- Jmail的主要参数列表
- 项目开发计划
- 可控制的页面内滚动区域
- C#中的类型转换
- javascript表单之间的数据传递
- 几个常用函数
- 奇迹重现 Delphi 2005赏析
- 鬼子被扒光
- tomcat中配置限制ip
- PANTONE 标准颜色基本色油墨
- 未能启用约束。一行或多行中包含违反非空、唯一或外键约束的值。