【www.gdgbn.com--js教程】

js 鼠标划过tips教程切换效果
//获取对象属性兼容方法
function $(objectid){
    if (document.getelementbyid && document.getelementbyid(objectid)) {
        return document.getelementbyid(objectid);// w3c dom
    }
    else
        if (document.all && document.all(objectid)) {
            return document.all(objectid);// msie 4 dom
        }
        else
            if (document.layers && document.layers[objectid]) {
                return document.layers[objectid];// nn 4 dom..this won"t find nested layers
            }
            else {
                return false;
            }
}

//@mr.think切换显示文字和背景图位置
function ileftnav(type){
    var inum, i_navinfo = $("i_navinfo");
    if (type == "writeblog") {
        inum = "-300px";
    }
    else
        if (type == "sharepic") {
            inum = "-600px";
        }
        else
            if (type == "writemsg") {
                inum = "-900px";
            }
            else {
                inum = "-300px";
            }
    i_navinfo.innerhtml = $(type).innerhtml;
    i_navinfo.style.backgroundposition = inum + " 0";
}

//@mr.think加载鼠标莫过事件
window.onload = function(){
    var liitem = $("i_blognav").getelementsbytagname("li");
    for (var i = 0; i < liitem.length; i++) {
        liitem[0].onmouseo教程ver = function(){
            ileftnav("writeblog")
        }
        liitem[1].onmouseover = function(){
            ileftnav("sharepic")
        }
        liitem[2].onmouseover = function(){
            ileftnav("writemsg")
        }
    }
}

本文来源：http://www.gdgbn.com/wangyezhizuo/29676/