自定義滾動條插件

本插件是對tinyscrollbar插件的一個封裝。由於在用的時候須要同時引用css和js文件,同時還須要修改dom結構,比較麻煩,爲了方便起見,將tinyscrollbar.css和tinyscrollbar.js文件都用js引入,修改dom的方法也放在js文件中。具體代碼
使用方法:
一、引入jquery文件
二、引入scroll.js文件
三、初始化滾動條css

window.onload = function(){
    //wrapper爲內容容器的id
    scrollInit("wrapper");
}

主要的代碼以下:jquery

function scrollInit(conId){
        var conElem = document.getElementById(conId);
        //建立文本片斷
        var fragment = document.createDocumentFragment();
        fragment.appendChild(createDom(conElem));

        var firstChild = document.body.firstChild;
        document.body.insertBefore( fragment, firstChild);

        loadCssFile("http://s3.qhimg.com/!35901b2d/jquery.tinyscrollbar.css");
        loadJSFile("http://s2.qhimg.com/!35901b2d/jquery.tinyscrollbar.js", scrollFn);
    }
相關文章
相關標籤/搜索