本文实例讲述了jQuery实现的中英文切换功能。分享给大家供大家参考,具体如下:
<强> html
1.
& lt; !DOCTYPE html公共”——//W3C XHTML 1.0//DTD过渡//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”在
& lt; html xmlns=" http://www.w3.org/1999/xhtml "比;
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比;
& lt; title>中英文切换& lt;/title>
& lt;脚本src=" http://libs.baidu.com/jquery/2.0.0/jquery.min.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/js/language.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt;按钮id=案谋洹痹谥杏⑽那谢? lt;/button>
& lt; div比;
你好
& lt;/div>
& lt;/body>
& lt;脚本type=" text/javascript祝辞
$(" #改变”).click(函数(){
翻译();
})
& lt;/script>
& lt;/html>
之前
<强> 2. language.js
$(函数(){//做某事
var=document.createElement脚本(脚本);
script.type=" text/javascript”;
script.src=" https://www.yisu.com/zixun/js/translate.js ";
document.getElementsByTagName(头)[0].appendChild(脚本);
var值=https://www.yisu.com/zixun/sessionStorage.getItem(“语言”);
文档。onreadystatechange=function () {
如果文档。readyState=='完成'){
如果(valuehttps://www.yisu.com/zixun/===?”) {
Microsoft.Translator.Widget。翻译(“zh-CHS”、“en”) {
sessionStorage。setItem(“语言”、“0”);
其他}{
sessionStorage。setItem(“语言”、“1”);
}
window.location.reload();//刷新当前页面。
}
之前
<强> 3. translate.js 是将http://www.microsoftTranslator.com/ajax/v3/WidgetV3.ashx& # 63; siteData=https://www.yisu.com/zixun/ueOIGRSKkd965FeEGM5JtQ * *的源码下载下来的,并将里面
& lt; 1比;都改成等于没有
& lt; 2在两行注释
目的是去除翻译后出现的弹框和悬停效果
最后:
<强>附:完整实例代码点击此处。
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》,《jQuery表格(表)操作技巧汇总》、《jQuery常见经典特效汇总》、《jQuery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
