中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

第三步、基本的工具方法（ Essential Tools）

現(xiàn)在，我們有了規(guī)劃和建立我們腳本的框架。是時候思考我們需要完成這個功能的一些工具方法。在其最低要求的情況下，DOM 腳本的幫助庫應(yīng)該包括：

• 一個注冊事件處理函數(shù)的方法，我們目前將使用 John Resig 的 addEvent() 方法。
• 添加和移除 CSS 樣式名的方法。
• 一個覆蓋 HTML 元素默認(rèn)行為的方法。我們不希望出現(xiàn)鏈接的目標(biāo)頁，而僅是執(zhí)行腳本。

我們添加這些工具方法到主要的對象上，并準(zhǔn)備開始：

JavaScript：

slideshow = {
    current:0, // 當(dāng)前幻燈片編碼
    init:function(){
        // 初始化和設(shè)置事件處理函數(shù)
    },
    show:function(e){
        // 事件監(jiān)聽器
    },
    addEvent:function( obj, type, fn ) {
        if ( obj.attachEvent ) {
            obj['e'+type+fn] = fn;
            obj[type+fn] = function(){
                obj['e'+type+fn]( window.event );
            }
            obj.attachEvent(’on’+type, obj[type+fn] );
        } else
            obj.addEventListener( type, fn, false );
    },
    removeClass:function(o,c){
        var rep=o.className.match(’ ‘+c)?’ ‘+c:c;
        o.className=o.className.replace(rep,”);
    },
    addClass:function(o,c){
        var test = new RegExp(”(^|\\s)”+c+”(\\s|$)”).test(o.className);
        if(!test){o.className+=o.className?’ ‘+c:c;}
    },
    cancelClick:function(e){
        if (window.event){
            window.event.cancelBubble = true;
            window.event.returnValue = false;
        }
        if (e && e.stopPropagation && e.preventDefault){
            e.stopPropagation();
            e.preventDefault();
        }
    }
}

當(dāng)文檔完全載完，第一件事情就是需要執(zhí)行 init() 方法：

JavaScript：

slideshow = {
    current:0, // 當(dāng)前幻燈片編碼
    init:function(){
        // 初始化和設(shè)置事件處理函數(shù)
    },
    show:function(e){
        // 事件監(jiān)聽器
    },
    addEvent:function( obj, type, fn ) {
        if ( obj.attachEvent ) {
            obj['e'+type+fn] = fn;
            obj[type+fn] = function(){
                obj['e'+type+fn]( window.event );
            }
            obj.attachEvent(’on’+type, obj[type+fn] );
        } else
            obj.addEventListener( type, fn, false );
    },
    removeClass:function(o,c){
        var rep=o.className.match(’ ‘+c)?’ ‘+c:c;
        o.className=o.className.replace(rep,”);
    },
    addClass:function(o,c){
        var test = new RegExp(”(^|\\s)”+c+”(\\s|$)”).test(o.className);
        if(!test){o.className+=o.className?’ ‘+c:c;}
    },
    cancelClick:function(e){
        if (window.event){
            window.event.cancelBubble = true;
            window.event.returnValue = false;
        }
        if (e && e.stopPropagation && e.preventDefault){
            e.stopPropagation();
            e.preventDefault();
        }
    }
}

slideshow.addEvent(window,’load’,slideshow.init);

出處：藍色理想
責(zé)任編輯：bluehearts

上一頁 JavaScript創(chuàng)建可維護幻燈片效果 [2] 下一頁 JavaScript創(chuàng)建可維護幻燈片效果 [4]

◎進入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。