超级简单实现框架滚动控制
作者：rkvn 来源：经典论坛 时间：2008-07-01 12:14:00
超级简单实现iframe框架滚动控制，前提要会简单修改原代码。
step1:插入iframe标签在你想要的位置。
<iframe id="frm" src="XXX.htm" scrolling="no"></iframe>
注意id是frm,也可以自己定，但下面代码相应部分要修改。其它属性自己根据情况写。
step2:插入两个图片一个向上的一个向下。
在向上的图片的<img>标签里加入如下代码：
onMouseOver="sf=setInterval('frm.scrollBy(0,-2)',1)" onMouseOut="clearInterval(sf)"
在向下的图片<img>标签里加入
onMouseOver="sf=setInterval('frm.scrollBy(0,2)',1)" onMouseOut="clearInterval(sf)"
注意如果 sf 变量和你已有的的js变量冲突了就换别的。
现在就可以预览看效果了！
演示代码：
补充一下：
<img>里加onClick="frm.scroll(0,0)"直接到顶。加onClick="frm.scroll(0,30000)"直接到底。
标签：框架,滚动,iframe
0
投稿猜你喜欢
js阻止浏览器默认行为的简单实例
2024-04-27 15:22:55
Go语言CSP并发模型goroutine及channel底层实现原理
2024-04-28 09:19:10
python palywright库基本使用
2021-03-30 17:34:42
仿vue-cli搭建属于自己的脚手架的方法步骤
2024-05-21 10:18:09
keras分类模型中的输入数据与标签的维度实例
2022-01-30 02:12:43
如何使用微信公众平台开发模式实现多客服
2023-11-14 17:48:37
python正则分组的应用
2022-05-24 20:50:39
Python 生成一个从0到n个数字的列表4种方法小结
2023-06-10 19:14:59
js中undefined该怎么判断浅析
2024-04-19 09:53:28
三种不同方式连接MySQL数据库的方法及示例
2010-06-11 13:37:00
永不熄灭的爱心图标——腾讯公益月捐计划 “QQ首席图标”诞生记
2009-09-01 19:43:00
手把手教你使用Python绘制时间序列图
2021-08-04 14:32:07
sqlserver 禁用触发器和启用触发器的语句
2024-01-19 21:38:17
CSS Hacks
2008-07-20 13:04:00
Java基于正则表达式实现的替换匹配文本功能【经典实例】
2023-03-15 22:27:44
Mysql分组查询每组最新一条数据的三种实现方法
2024-01-13 16:32:04
Python3如何对urllib和urllib2进行重构
2022-05-18 08:48:52
使用ASP调用C#写的COM组件
2010-04-03 20:45:00
oracle sys_connect_by_path 函数 结果集连接
2009-07-12 18:48:00
Python 解决logging功能使用过程中遇到的一个问题
2023-05-25 11:31:05