控制IFrame里的页面滚动原来如此简单:)

图片控制页面滚动

 常用效果之一

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

<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均可根据实际设定进行修改。
效果果然不错!收藏一下:)
发布了186 篇原创文章 · 获赞 3 · 访问量 20万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览