返回列表 发帖

[版本发布] 页面自动滚动插件

应论坛一位朋友要求,特做出这个简单的页面自动滚动插件。
使用方法:运行插件后,双击鼠标使页面滚动,单击鼠标使页面停止滚动。
附件: 您需要登录才可以下载或查看附件。没有帐号?加入 我们

郁闷啊!滚动时鼠标形状改变、点击时马上滚动都是我刻意加上去的,没想到大家还不喜欢,算了,我改回正常的吧,去掉鼠标形状和点击插件马上滚动。

差点忘了告诉WeeVee,【页面打开完毕自动加载】要耗资源的,我最先做的时候就是需要自动加载,后来为了能立即生效而加了个变量控制。

[ 本帖最后由 三月飞絮 于 2006-2-20 12:30 AM 编辑 ]

TOP

附上源代码,大家可以根据要求自己修改

<script language="javascript">

var currentpos,scrolltime;

var scrolling;                                                //scrolling是用来判断当前状态是否正在滚屏
if (scrolling != 1) initialize();                        //若现在不是滚屏状态则马上滚屏
else sc();                                                //若不需要运行插件马上滚屏,可以去掉这三行

document.onmousedown=sc
document.ondblclick=initialize

function initialize()
{
        scrolling = 1;                                        //若不需要运行插件马上滚屏,可以去掉这行
        scrolltime=setInterval ("scrolldown()",30);                                 //“30” 为滚动速度,数值越大,滚动越慢
}

function sc()
{
        scrolling = 0;                                        //若不需要运行插件马上滚屏,可以去掉这行
        clearInterval(scrolltime);
        document.body.style.cursor = "default" ;        //若不需要改变鼠标形状,可以去掉这行
}

function scrolldown()
{
        scrolltype = "down"                                                    //本来用来辨别是向上滚屏还是向下滚屏的,没用,可删掉
        currentpos=document.body.scrollTop;
        window.scroll(0,++currentpos);
        document.body.style.cursor = "s-resize" ;        //若不需要改变鼠标形状,可以去掉这行
        if (currentpos !=document.body.scrollTop) sc();
}
</script>

[ 本帖最后由 三月飞絮 于 2006-2-20 09:54 PM 编辑 ]

TOP

唉,若早知道大家的要求那么低,我也不用花那么多时间去研究让页面自动地上或下滚动啦。
主要困难:在双击鼠标后再判断鼠标是向上还是向下,此时的间隔很短,还没来得及动鼠标程序就已经接受了。所以不能很有效地控制是向上还是向下。

不知道这个功能有人要不?如果有的话我就继续研究研究,如果没有我就放弃啦,毕竟用到页面滚动的时候少之又少,我是几乎不用,因为鼠标有滚轮 ^_^

TOP

原帖由 WeeVee 于 2006-2-20 09:20 PM 发表
————————————
怎样调滚得慢点呀?
————————————

看8楼红字部分

TOP

原帖由 gxls 于 2006-2-23 11:32 PM 发表
爽喔,赞一个,楼主辛苦了。
偶的鼠标没滚轮,这个功能正用得上。不过不喜欢一加载就滚。
谢谢楼主。

请参考8楼的注释自己修改。

TOP

用记事本打开AutoScroll.htm文件按照8楼的进行修改就可以了。

TOP

返回列表