用Javascript控制Frame滚动的代码

Woody | 2009-7-16

       实现效果：

      
      将鼠标放在up按钮将上移框架内容，放在down将下移框架内容。

      对应的HTML代码：

<body>
<iframe src="frame.html" width="50" height="400" frameborder="0"  id="frame" scrolling="no"></iframe>
<input type="button" value="up"
 onmouseover="timer1=setInterval('parent.frames[\'frame\'].scrollBy(0,-1)',10)"
 onmouseout="clearInterval(timer1)" >
<input type="button" value="down"
onmouseover="timer1=setInterval('parent.frames[\'frame\'].scrollBy(0,1)',10)"
onmouseout="clearInterval(timer1)"  >
</body>

      红色部分为框架名称，另外绿色部分为框架页，内容就是逐个换行的数字1-20。这个可以用于框架页里菜单栏目的显示，如果你不希望上下滚动条的出现，可以用这个方法，你完全可以用上下的图片来替换按钮，只要支持onmouseover和onmouseout事件对象的都可以。（完）
Permalink | Comments (0) | Hits: 601 | Time: 15:27:58
GridView在RowCommand事件中获取数据库多个字段值
Javascript操作Cookie
All Comments

 No Data Now...

Post Your Comment
^ ^

1881
Top
Google
Web
www.smartgz.com
Category
Recent Blogs
Recommend Blogs
Recent Comments
Links
Display Pagerank