教程集 > 脚本编程 > javascript > 正文 js可控制上下左右滚动效果

js可控制上下左右滚动效果

发布时间：2016-12-01 编辑：jiaochengji.com

教程集为您提供js可控制上下左右滚动效果等资源，欢迎您收藏本站，我们将为您提供最新的js可控制上下左右滚动效果资源

本文章一个好玩的东西，可以点击文字实现上下左右滚动，原理是:出现水平滚动条，则： overflow-x:auto同理，垂直滚动条为： overflow-y:auto如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative

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

<textarea name="runcool" rows="28" cols="75" ><html> <head> <title>测试表格内的滚动条</title> </head> <body> <table> <tr> <td>表格内的滚动条:</td> <td>

pppppppppppppppppppppppppppppppppppppppppppppppppp

ppppppppppppppppppppppppp

</td> </tr> <tr> <td colspan="2" align="right"> <span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)' onmouseout=clearInterval(scrollb)>向左</span> <span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)' onmouseout=clearInterval(scrollb)>向上</span> <span onmouseover='scrollb=setInterval("wins.scrollLeft =10",100)' onmouseout=clearInterval(scrollb)>向右</span> <span onmouseover='scrollb=setInterval("wins.scrollTop =10",100)' onmouseout=clearInterval(scrollb)>向下</span> </td> </tr> </table> </body> </html></textarea>

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

您可能感兴趣的文章：
js可控制上下左右滚动效果
 html中去掉textarea右侧滚动条和右下角拖拽
 基于jQuery的可以控制左右滚动及自动滚动效果的代码
 利用div+jquery自定义滚动条样式的2种方法
 jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
 jquery实现marquee效果(文字或者图片的水平垂直滚动)
Js图片连续左右滚动的实现代码
 使用CSS样式position:fixed水平滚动的方法
 js获取控件位置的方法
 CSS样式问题集锦

上一篇：无下拉箭头的Select下拉选框下一篇：文件夹式的菜单

[关闭]

js可控制上下左右滚动效果

最近更新

浏览排行