最常用的javascript自訂函數大搜集

fadeIn    fadeout

//淡入效果(含淡入到指定透明度)
function fadeIn(elem, speed, opacity){
/*
     * 參數說明
     * elem==>需要淡入的元素
     * speed==>淡入速度,正整數(可選)
     * opacity==>淡入到指定的透明度,0~100(可選)
*/
    speed = speed || 20;
    opacity = opacity || 100;
//顯示元素,並將元素值為0透明度(不可見)
    elem.style.display = 'block';
    iBase.SetOpacity(elem, 0);
//初始化透明度變化值為0
    var val = 0;
//迴圈將透明值以5遞增,即淡入效果
    (function(){
        iBase.SetOpacity(elem, val);
        val += 5;
if (val <= opacity) {
            setTimeout(arguments.callee, speed)
        }
    })();
}

//淡出效果(含淡出到指定透明度)
function fadeOut(elem, speed, opacity){
/*
     * 參數說明
     * elem==>需要淡入的元素
     * speed==>淡入速度,正整數(可選)
     * opacity==>淡入到指定的透明度,0~100(可選)
*/
    speed = speed || 20;
    opacity = opacity || 0;
//初始化透明度變化值為0
    var val = 100;
//迴圈將透明值以5遞減,即淡出效果
    (function(){
        iBase.SetOpacity(elem, val);
        val -= 5;
if (val >= opacity) {
            setTimeout(arguments.callee, speed);
        }else if (val < 0) {
//元素透明度為0後隱藏元素
            elem.style.display = 'none';
        }
    })();
}

 toggle（）

用來顯示或隱藏一個DOM元素。

代碼

function toggle(obj) { 
var el = document.getElementById(obj);

        el.style.display=(el.style.display !="none"?"none":"")
}

getElementsByClassName()

function getElementsByClassName (className) {
var all =document.getElementsByTagName('*');
var elements = new Array();
for (var i = 0; i < all.length; i++) {
if (all[i].className == className) {
       elements.push(all[i])

     }
   }
return elements
}