控制IFrame里的页面滚动原来如此简单：）

tintown

于 2006-01-25 09:05:00 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：技术积累文章标签： iframe 框架

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/tintown/article/details/4605499

技术积累专栏收录该内容

82 篇文章

订阅专栏

图片控制页面滚动

　常用效果之一

步骤一：在当前网页中插入其它网页

<iframe name=a1 align=left src="page.htm" frameborder=0 width="100%" scrolling=yes target="middle" ></iframe>

//a1为框架名，可自定义；

//page.htm为在当前网页中需插入的另一网页；

//scrolling为是否要在插入网页的框架中显示滚动条（yes：显示；no：不显示）。

　

步骤二：分别在需加移动指示处插入指示图片

<IMG src="pic/up.gif" alt="向上" onMouseOver="sf=setInterval('a1.scrollBy(0,-2)',1)" onMouseOut="clearInterval(sf)" width="11" height="11">

<IMG src="pic/down.gif" alt="向下" onMouseOver="sf=setInterval('a1.scrollBy(0,2)',1)" onMouseOut="clearInterval(sf)" width="11" height="11" >

//其中的图片地址和名称以及框架名a1均可根据实际设定进行修改。
效果果然不错！收藏一下：）

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。