JS实现网站多语言选择功能

需要导入的文件有：
1. jquery-1.3.2.min.js (1.2版本以上的jquery库文件均可)
2. jquery.bgiframe.min.js
3. jquery.cookie.js

一切以程序说话：

$(document).ready(function(){
    // get current cookie
    var curr_lang_code = $.cookie('curr_lang_code');
    if (curr_lang_code != null){
        $("#curr_language").attr("class", curr_lang_code);
    }
    
    // show/hide language panel
    var languagePanel = $("#mini_languages").bgiframe();
    var languageTimer = null;
    var clearLanguageTimer = function(){
        if (languageTimer){
            clearTimeout(languageTimer);
            languageTimer = null;
        }
    };
    var closeLanguagePanel = function(){
        clearLanguageTimer();
        languagePanel.removeClass("visible").hide("slow");
    };
    $("#curr_language").mouseover(function(){
        if (!languagePanel.hasClass("visible")){
            languagePanel.show("slow").addClass("visible");
        }
    });
    languagePanel.mouseout(function(){
        languageTimer = setTimeout(function(){
            closeLanguagePanel();
        }, 500);
    })
    .mouseover(function(){
        clearLanguageTimer();
    })
    .children().mouseover(function(){
        clearLanguageTimer();
    });
    
    $("#lang_form a").click(function(){
        var lang = $(this).attr("class");
        $("#lang_value").val(lang);
        $.cookie("curr_lang_code", lang);
        $("#lang_form").submit();
        return false;
    });
});

其中, curr_language是显示语言选择的div标签的id值， mini_languages是弹出窗体的id值。

如需转载，请标明出处:http://huangro.iteye.com/admin/blogs/405254