//通过元素ID，获取对象并返回。
function getObject(objectId) {
    return document.getElementById(objectId);
}
//ul容器ID,li开头标识，子层开头标识，当前liId,正常样式名，热点样式名
function HoverLi(ulTabId, liTab, subDiv, curLiId, normalClass, hoverClass) {
    //如果有N个标签,就将i<=N;
    var ulTabObject = document.getElementById(ulTabId);
    if (ulTabObject != null) {
        var liLength = ulTabObject.getElementsByTagName('li').length;
        if (liLength > 0) {
            for (var i = 1; i <= liLength; i++) {
                if (getObject(liTab + i) != null) {
                    getObject(liTab + i).className = normalClass;
                }
                if (getObject(subDiv + i) != null) {
                    getObject(subDiv + i).className = 'hiddenTab';
                }
            }
            getObject(liTab + curLiId).className = hoverClass;
            getObject(subDiv + curLiId).className = 'showTab';
        }
        //如果要做成点击后再转到请将<li>中的onmouseover 改成 onclick;
    }
}