请选择进入手机版 | 继续访问电脑版

收藏本站腾讯微博新浪微博

邮件列表客服QQ 800003860 切换到窄版

点点网模板设计大赛

phpchina

蓝色理想最新研发动态 用悬赏三天解决问题解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动地图任务 邮件更新任务:保护帐号安全

积分换实物，来参加蓝色理想积分兑换吧！ 联系招聘客服蓝色理想帮你找工作！ 万元奖励等你拿——点点网模板设计大赛

经典论坛 › 论坛 › 网站开发区 › 前台制作与脚本专栏 › 超级简单实现框架滚动控制。

发新帖

查看: 28244|回复: 17

超级简单实现框架滚动控制。 [复制链接]

darkvn　楼主

小混蛋

荣誉管理 

帖子: 4841
体力: 17612
威望: 471

发表于 2001-6-25 13:05:00 |显示全部楼层

前提要会简单修改原代码。

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变量冲突了就换别的。

现在就可以预览看效果了！

实例：
http://darkvn.top263.net/temp/mm.htm
代码：
<body bgcolor="#FFFFFF" text="#000000">
<table width="260" border="0" cellspacing="0" cellpadding="0" height="293">
  <tr>
<td rowspan="2" height="252" width="392"> <iframe id="frm" width="300" height="300" scrolling="no" src="news.htm" frameborder="0"></iframe></td>
<td width="8" height="131"><img src="arrow_up.gif" width="11" height="12"onMouseOver="sf=setInterval('frm.scrollBy(0,-2)',1)" onMouseOut="clearInterval(sf)"
></td>
  </tr>
  <tr>
<td width="8" height="115"><img src="arrow_down.gif" width="11" height="12" onMouseOver="sf=setInterval('frm.scrollBy(0,2)',1)" onMouseOut="clearInterval(sf)"></td>
  </tr>
</table>
</body>

hey~同志们还好么？

西部数码顶级域名注册商39元抢注！

使用道具举报

Fierce

帖子: 7315
体力: 23987
威望: 64

发表于 2001-6-25 13:17:00 |显示全部楼层

太好了！这个简单～代码少～归档～

[ Come As You Are ]

租服务器，上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具举报

darkvn　楼主

小混蛋

荣誉管理 

帖子: 4841
体力: 17612
威望: 471

发表于 2001-6-25 13:21:00 |显示全部楼层

补充一下：
<img>里加onClick="frm.scroll(0,0)"直接到顶。加onClick="frm.scroll(0,30000)"直接到底。

hey~同志们还好么？

使用道具举报

win1st

帖子: 3095
体力: 7127
威望: 32

发表于 2001-6-25 13:25:00 |显示全部楼层

可惜少了一个滚动条.

本人有充分的信心和足够的厚脸皮来面对今后日益残酷的生活和工作！

本人将以乐观、宽容、坚强的姿态去击败一切对手，不会回头！

使用道具举报

mmkk　

我是谁

帖子: 4203
体力: 22140
威望: 79
居住地: 福建省厦门市

发表于 2001-6-25 13:38:00 |显示全部楼层

对，要是能加上滚动条就会更好

本头像由诺婷提供^^！

高兴就好

使用道具举报

darkvn　楼主

小混蛋

荣誉管理 

帖子: 4841
体力: 17612
威望: 471

发表于 2001-6-25 13:45:00 |显示全部楼层

我的本意是简单。加了这些功能怕是有复杂起来了。

hey~同志们还好么？

使用道具举报

帖子: 127
体力: 574
威望: 0

发表于 2002-1-9 20:59:00 |显示全部楼层

谢谢谢谢。我也想学啊。今天第一次来blueidea，收获不少。呵呵。

使用道具举报

帖子: 95
体力: 337
威望: 0

发表于 2002-7-10 14:38:00 |显示全部楼层

为什么我这样做了,在MOUSE指向图片时,没有反应,只有状态栏说我的页面有错误.
原码如下.

<body bgcolor="#FFFFFF" text="#000000">
<table width="50%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#CCCCCC">
  <tr>
<td rowspan="2" width="94%"> 
<iframe id="frm" width="98%" height="98%" scrolling="no" src="ddd.htm" frameborder="0"></iframe></td>
<td width="6%" height="146"><img src="image/number1.gif" onMouseOver="sf=setInterval('frm.scrollBy(0,-2)',1)" onMouseOut="clearInterval(sf)"
width="21" height="21"></td>
  </tr>
  <tr>
<td width="6%" height="223"><img src="image/number2.gif" onMouseOver="sf=setInterval('frm.scrollBy(0,2)',1)" onMouseOut="clearInterval(sf)" width="21" height="21"></td>
  </tr>
</table>
</body>

打工谣
浪迹江湖山水间
风风雨雨有酸甜
披风破浪定有日
好擒蛟龙飞上天

使用道具举报

帖子: 4
体力: 15
威望: 0

发表于 2002-7-10 16:34:00 |显示全部楼层

我把你代码COPY过来，试了，可以的，能达到目的了！

=====================
他们是希伯来人麽。我也是。
他们是以色列人麽。我也是。
他们是亚伯拉罕的后裔麽。我也是。
他们是基督的仆人麽。（我说句狂话）我更是。

使用道具举报

帖子: 583
体力: 1564
威望: 0

发表于 2002-7-10 17:34:00 |显示全部楼层

左右怎么写

使用道具举报

帖子: 58
体力: 170
威望: 0

发表于 2002-9-23 16:35:00 |显示全部楼层

谢谢！

使用道具举报

帖子: 632
体力: 1041
威望: 0
居住地: 内蒙古自治区包头市

发表于 2002-9-24 14:26:00 |显示全部楼层

问一下一步有没有水平的？？*_*

使用道具举报

卖坏梨

荣誉管理 

帖子: 11865
体力: 53501
威望: 220
居住地: 浙江省杭州市

发表于 2002-9-24 14:30:00 |显示全部楼层

不动脑筋啊 -_-bbb

frm.scrollBy(0,-2)

改这里就行了啊，后面的改成0

使用道具举报

帖子: 395
体力: 877
威望: 0

发表于 2003-6-10 12:22:00 |显示全部楼层

翻出来
怎么试都有错误

提示：您可以先修改部分代码再运行

one more step

使用道具举报

卖坏梨

荣誉管理 

帖子: 11865
体力: 53501
威望: 220
居住地: 浙江省杭州市

发表于 2003-6-10 16:00:00 |显示全部楼层

拷贝粘贴都会弄丢一个sf=setInterval

使用道具举报

帖子: 10
体力: 42
威望: 0

发表于 2003-6-10 17:32:00 |显示全部楼层

测试成功

但如何让其没有边框

使用道具举报

经典二锅头

帖子: 5409
体力: 12029
威望: 20

发表于 2003-7-9 00:31:00 |显示全部楼层

怎么好象只能滚动一次啊？第二次点到向下的按钮上没用？
ie6和myie都一样。。。

gogogogo~

使用道具举报

帖子: 372
体力: 1075
威望: 0

发表于 2003-7-25 18:40:00 |显示全部楼层

我喜欢，高手真多，

我在学习，我在努力！请多指教！

使用道具举报

发新帖

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )

GMT+8, 2012-2-13 06:26 , Processed in 0.113930 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部