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获取table下某一行某一列的值实现代码
Apr 07 jQuery
jquery dataTable 获取某行数据
May 05 jQuery
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
jQuery实现的简单前端搜索功能示例
Oct 28 jQuery
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 jQuery
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 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
深入理解PHP原理之Session Gc的一个小概率Notice
2011/04/12 PHP
PHP去掉从word直接粘贴过来的没有用格式的函数
2012/10/29 PHP
使用迭代器 遍历文件信息的详解
2013/06/08 PHP
PHP实现的MongoDB数据库操作类分享
2014/05/12 PHP
destoon二次开发入门示例
2014/06/20 PHP
php实现编辑和保存文件的方法
2015/07/20 PHP
php使用APC实现实时上传进度条功能
2015/10/26 PHP
Thinkphp事务操作实例(推荐)
2017/04/01 PHP
thinkphp分页集成实例
2017/07/24 PHP
6个常见的 PHP 安全性攻击实例和阻止方法
2020/12/16 PHP
iframe 自适应高度[在IE6 IE7 FF下测试通过]
2009/04/13 Javascript
setTimeout()与setInterval()方法区别介绍
2013/12/24 Javascript
用jQuery toggleClass 实现鼠标移上变色
2014/05/14 Javascript
jquery实现图片按比例缩放示例
2014/07/01 Javascript
JS设计模式之数据访问对象模式的实例讲解
2017/09/30 Javascript
小程序指纹验证的实现代码
2018/12/04 Javascript
在node中使用jwt签发与验证token的方法
2019/04/03 Javascript
vue自定义正在加载动画的例子
2019/11/14 Javascript
python client使用http post 到server端的代码
2013/02/10 Python
详解Python在七牛云平台的应用(一)
2017/12/05 Python
python3使用SMTP发送简单文本邮件
2018/06/19 Python
在PyCharm中三步完成PyPy解释器的配置的方法
2018/10/29 Python
Python tkinter模版代码实例
2020/02/05 Python
如何理解python面向对象编程
2020/06/01 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
印度尼西亚在线时尚购物网站:ZALORA印尼
2016/08/02 全球购物
匡威比利时官网:Converse Belgium
2017/04/13 全球购物
控制工程专业个人求职信
2013/09/25 职场文书
文化与传播毕业生求职信
2014/03/09 职场文书
安全责任书范文
2014/03/12 职场文书
自我鉴定总结
2014/03/24 职场文书
小学社团活动总结
2014/06/27 职场文书
代领毕业证委托书
2014/08/02 职场文书
儿童诗两首教学反思
2016/02/23 职场文书
golang 如何通过反射创建新对象
2021/04/28 Golang
微信小程序APP的生命周期及页面的生命周期
2022/04/19 Javascript