基于jQuery的自定义滚动条sptbar 0.5beta - 面向对象网,web开发,jquery,学习,对象 - 面向对象技术开发

面向对象技术开发

会员投稿 投稿指南 站长资讯通告:
您的位置: 首页 > Web开发 > Jquery > 正文

基于jQuery的自定义滚动条sptbar 0.5beta

来源: www.bianceng.cn 阅读:

基于jQuery开发的处理美化滚动条的js包,当前版本sptbar0.5beta,仅7k

下载地址:http://down.51cto.com/data/559830

版本功能:

不支持IE6以下版本,其他版本支持

仅支持window与document的滚动条处理

1.0版本将支持div滚动条处理

申明:

遵守LGPL协议

如有存在BUG,请反馈给我,谢谢大家。可以反馈在回复当中,或者我的邮箱:[email protected]

效果图如下:

\

查看本栏目更多精彩内容:http://www.bianceng.cn/webkf/jquery/

代码及API部分:

<script type="text/javascript"> 
    $(function() { 
        /** 
        * sptbar参数: 
        * x:String  
        *   auto(default),yes,no X轴显示方式:自动、总是、不显示 
        * y:String  
        *   auto(default),yes,no X轴显示方式:自动、总是、不显示 
        * xScale:double  
        *   1(default),X轴的显示比例,范围:0-1 
        * yScale:double  
        *   1(default),Y轴的显示比例,范围:0-1 
        * move:function(isY,scrollBarTop,bodyTop) 
        *   滚动条发生滚动时触发的事件 
        *   @param isY:boolean  是否Y轴在移动 
        *   @param scrollBarTop:double 滚动条距离滚动槽顶部距离 
        *   @param bodyTop:double 页面内容的scrollTop 
        */
        $(window).sptbar({ 
            x:'auto', 
            y:'auto', 
            yScale:0.7, 
            xScale:0.7, 
            move:function(isY,scrollBarTop,scrollTop){ 
                document.title = (isY?"Y轴移动":"X轴移动")+scrollBarTop+","+scrollTop; 
            } 
        }); 
    }); 
</script>

本文出自 “博远至静” 博客,请务必保留此出处http://sunspot.blog.51cto.com/372554/1034926

Tags:
相关文章列表: