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


Posted in jQuery onJanuary 11, 2019

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

1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>中英文切换</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="js/language.js"></script>
</head>
<body>
 <button id="change">中英文切换</button>
 <div style="text-align: center">
  你好
 </div>
</body>
<script type="text/javascript">
 $("#change").click(function() {
  translate();
 })
</script>
</html>

2.language.js

$(function(){
 // do something
 var script=document.createElement("script");
 script.type="text/javascript";
 script.src="js/translate.js";
 document.getElementsByTagName('head')[0].appendChild(script);
 var value = sessionStorage.getItem("language");
 document.onreadystatechange = function () {
  if (document.readyState == 'complete') {
   if(value==="1"){
    Microsoft.Translator.Widget.Translate('zh-CHS', 'en', onProgress, onError, onComplete, onRestoreOriginal, 2000);
   }
  }
 }
 function onProgress(value) {
 }
 function onError(error) {
 }
 function onComplete() {
  $("#WidgetFloaterPanels").hide();
 }
 function onRestoreOriginal() {
 }
});
function translate(){
 var value = sessionStorage.getItem("language");
 if(value==="1"){
  sessionStorage.setItem("language", "0");
 }else{
  sessionStorage.setItem("language", "1");
 }
 window.location.reload();//刷新当前页面.
}

3.translate.js是将http://www.microsoftTranslator.com/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**的源码下载下来的,并将里面

<1> J = "block", ib = "inline-block",都改成等于none

<2>s.style.color = q;s.style.backgroundColor = p两行注释

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

最后:

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

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

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

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

jQuery 相关文章推荐
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
JQuery元素快速查找与操作
Apr 22 jQuery
jQuery插件Validation表单验证详解
May 26 jQuery
jQuery事件委托代码实践详解
Jun 21 jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
jquery实现有过渡效果的tab切换
Jul 17 jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
jQuery实现本地存储
Dec 22 jQuery
jQuery简单实现根据日期计算星期几的方法
Jan 09 #jQuery
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 #jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 #jQuery
jQuery实现的别踩白块小游戏完整示例
Jan 07 #jQuery
jQuery判断自定义属性data-val用法示例
Jan 07 #jQuery
jQuery实现的简单歌词滚动功能示例
Jan 07 #jQuery
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 #jQuery
You might like
香妃
2021/03/03 冲泡冲煮
php中的异常和错误浅析
2017/05/03 PHP
ThinkPHP删除栏目(实现批量删除栏目)
2017/06/21 PHP
Laravel框架下载,安装及路由操作图文详解
2019/12/04 PHP
innerHTML,outerHTML,innerTEXT三者之间的区别
2007/01/28 Javascript
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
2011/04/07 Javascript
js+css实现的简单易用兼容好的分页
2013/12/30 Javascript
javascript 闭包详解
2015/02/15 Javascript
浅谈jQuery构造函数分析
2015/05/11 Javascript
跟我学习javascript的严格模式
2015/11/16 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
2016/05/31 Javascript
Vue 2.0入门基础知识之内部指令详解
2017/10/15 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
vue 组件使用中的一些细节点
2018/04/25 Javascript
Vue中的异步组件函数实现代码
2018/07/20 Javascript
让你30分钟快速掌握vue3教程
2020/10/26 Javascript
Python实现的递归神经网络简单示例
2017/08/11 Python
基于python socketserver框架全面解析
2017/09/21 Python
Python多进程multiprocessing.Pool类详解
2018/04/27 Python
TensorFlow实现卷积神经网络
2018/05/24 Python
基于python代码批量处理图片resize
2020/06/04 Python
keras slice layer 层实现方式
2020/06/11 Python
Python如何对XML 解析
2020/06/28 Python
matplotlib更改窗口图标的方法示例
2021/02/03 Python
The Beach People美国:澳洲海滨奢华品牌
2018/07/05 全球购物
税务专业毕业生自荐信
2013/11/10 职场文书
全民健身日活动方案
2014/01/29 职场文书
大学新生军训感言
2014/02/25 职场文书
2014国庆节演讲稿:祖国在我心中(400字)
2014/09/25 职场文书
公司年夜饭通知
2015/04/25 职场文书
餐厅营销的秘密:为什么老顾客会流水?
2019/08/08 职场文书
css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效
2021/04/29 HTML / CSS
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python
SpringBoot快速入门详解
2021/07/21 Java/Android
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python
2021年国漫热度排行前十,完美世界上榜,第四是美国动画作品
2022/03/18 国漫