真的是不错的js控制区域方向的代码

无意中找到一个控制区域方向的代码,可以暂停、播放、向上下左右四个方向运行等很多效果,功能非常的强大,控制也非常的方便,于是记录下来。需要说明几点:
1. 代码中 window.onload = new Function("scroll(document.all['testDiv'], 325)")是初始化脚本用的,第一个参数传递对象,第二个参数传递宽度。另外上面的代码也可以使用下面的代码替换window.onload = function(){scroll(document.all['testDiv'], 325);}

2. 保存区域的代码

...

中间 style里面的border属性不能去掉,因为代码中会使用到的。如果不需要边框可是设置border为0;

3. 可以设置不用的事件,举例如下:
// 鼠标移动到上面
testDiv.onmouseover=function(){testDiv.state='stop';}
// 鼠标移开
testDiv.onmouseout=function(){testDiv.state='scroll';}
// 鼠标单击
testDiv.onclick=function(){testDiv.direction='up'; testDiv.state='scroll';}

4. 代码不适用于FireFox或NetScape浏览器。

代码如下:



滚动效果













缩放:
     
托动范围:



参考资料:
一个可以上下左右滚动的经典代码
http://www.hanhao.cn/blog/article.asp?id=486

发表评论

电子邮件地址不会被公开。 必填项已用*标注