jQuery实现的中英文切换功能示例

本文实例讲述了框架实现的中英文切换功能。分享给大家供大家参考，具体如下：

1.html

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title中英文切换/title脚本src=' http :3358 libs。百度。com/jquery/2。0 .0/jquery。量滴js/script脚本类型=' text/JavaScript ' src=' http : js/language。js '/script/head dy按钮id=' change '中英文切换/button div style=' text-align :居中'你好/div/body脚本类型=' text/JavaScript ' $(' # change ').单击(function(){ translate()；})/脚本/html2.language.js

$(function(){ //做点什么var脚本=文档。create element(' script ')；剧本。type=' text/JavaScript '；剧本。src=' http : js/translate。js '；文件。getelementsbytagname(' head ')[0].appendChild(脚本);定义变量值=会话存储。getitem(' language ')；文件。onreadystatechange=function(){ if(document。readystate==' complete '){ if(value==' 1 '){ Microsoft .翻译。小部件。翻译(' zh-CHS '，' en '，onProgress，onError，onComplete，onRestoreOriginal，2000)；} } }进度函数(值){ }错误函数(错误){ }完成函数(){ $(' # widgetfloatepanels ').hide()；}函数onrestore original(){ } })；函数translate(){ var值=会话存储。getitem(' language ')；if(值===' 1 '){会话存储。setitem(' language '，' 0 ')；} else {会话存储。setitem(' language '，' 1 ')；}窗口。位置。重载()；//刷新当前页面}3.translate.js是将http://www.microsoftTranslator.com/ajax/v3/WidgetV3.ashx?siteData=ueoigrskkd 965 feeg M5 jtq * *的源码下载下来的，并将里面

1 J='块，ib='内嵌块，都改成等于没有人

2s。风格。颜色=q；s.style.backgroundColor=p两行注释

目的是去除翻译后出现的弹框和盘旋效果

最后：

附：完整实例代码点击此处本站下载。

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery扩展技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jQuery常见经典特效汇总》 、 《jquery选择器用法总结》 及《jQuery常用插件及用法总结》

希望本文所述对大家框架程序设计有所帮助。