translate.js

http://www.openxrest.com/translatejs/index.html

translate.js

translate.js is a jQuery plugin to translate text in the client side.

Usage: translate entire page

Step 1: include JQuery and translate.js in your page

  • <script src="jquery.js"/>
    <script src="jquery.translate.js"/>

Step 2: every text you want translated include the trn class

  • <span class="trn">text to translate</span>

Step 3: create your dictionary

  • var dict = {
    "Home": {
    pt: "Início"
    },
    "Download plugin": {
    pt: "Descarregar plugin",
    en: "Download plugin"
    }
    }

Step 4: initialize the plugin and translate the entire page body

var translator = $(‘body‘).translate({lang: "en", t: dict}); //use English

Step 5: change to another language

  • translator.lang("pt"); //change to Portuguese

Step 6: try it

Usage: translate a string

After you initialize the component you can translate a string

  • var translation = translator.get("Home"); //returns "Início"

xxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxx

时间: 2024-10-28 10:28:15

translate.js的相关文章

Magento中调用JS文件的几种方法

一.全局调用方法: 通过该方法每个页面都会引用这个JS文件,除非是类似jQuery这样的系统文件,不然不推荐这种方法. 文件路径:/app/design/frontend/default/Your_Template/layout/page.xml 你会看到很多类似于addJS这样的XML代码,这是magento的优势之一,通过XML来配置文件很方便灵活. 如下: Xml代码   <action method="addJs"><script>varien/js.j

破解google翻译API全过程

前言 google的翻译不得不承认它是比较好的.但是google翻译对外提供的翻译接口都是收钱的,做为一名普普通通的开发者,囊中羞涩,因此就需要借助技术的力量来完成免费的翻译接口的调用. git 首先在github上我们找到了这篇链接 https://github.com/ssut/py-googletrans 看介绍免费.无限制,这刚好适合我们来用.于是按照它的操作步骤我们来试试: 由于它是python的,因此第一步是去下载它的python库,由于我没有配置python pip的环境变量,因此

微信 小程序组件 加入购物车全套 one js

// pages/shop/shop.js Page({ /** * 页面的初始数据 */ data: { carts: [ { teaname: '冠军乌龙茶-150g', image: '../../imgs/car/shopping_pic_1.png', num: '1', price: '1200.00', sum: '1200.0', selected: true, cid: 1001, }, { teaname: '18年老茶-150g', image: '../../imgs/c

d3.js学习

画svg图像 1.添加svg元素 2.添加g元素,g元素是一个分组的元素,相当于html中的div元素 3.画图像 4.画坐标轴 ----------------------------------------------------------------------------- d3画闲线性曲线例子 html: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8&

Bootstrap源码:modal.js

modal.js对应的是bs的模态框组件.该组件主要有以下特点: 并不是绝对居中于浏览器窗口,而是水平居中,同时顶部距离浏览器顶部有一定的距离,其原因是因为modal框的内容可能出现滚动,垂直居中不太可能,它没有做成模态框内部滚动的效果: 动画是通过css3的translate实现的:transform: translate(0, -25%); 遮罩层的元素不是包含在modal里面的,而是与modal元素平级,都是body元素的子元素 不支持在已弹出的modal上继续弹框,主要是遮罩层叠加的问题

JS简易弹出层手机版

简单说明 手机弹出层模枋了WEIUI.弹出层原理还是依照bootstrap 去掉了PC端的ESC关闭.点击背景层时也不默认关闭. 模板样子 CSS样式 /*弹出时给body加上这个,关闭时去掉*/ .overhide { overflow: hidden; } /*关键样式 遮罩层的*/ .msgboxshadow { position: fixed; /*固定定位*/ left: 0; top: 0; right: 0; bottom: 0; opacity: .5; /*背景透明度.这里没有

Vue.js 系列教程 5:动画

原文:intro-to-vue-5-animations 译者:nzbin 译者的话:经过两周的努力,终于完成了这个系列的翻译,由于时间因素及个人水平有限,并没有详细的校对,其中仍然有很多不易理解的地方.我和原作者的初衷一样,希望大家能够通过这个系列文章有所收获,至少可以增加学习的乐趣,我也在学习的路上,所学心得必将与大家共勉. 这是 JavaScript 框架 Vue.js 五篇教程的第五部分.在这个系列的最后一部分,我们将学习动画(如果你了解我,你知道这一章迟早会来).这不是一个完整的指南,

Three.js开发指南---粒子和粒子系统(第七章)

使用粒子可以很容易的创建很多细小的物体,例如雨滴雪花等 本章主要内容: 1 使用ParticleBasicMaterial(基础粒子材质)来创建和设计粒子 2 使用ParticleSystem来创建一个粒子集合 3 使用已有的几何体来创建一个粒子系统 4 让粒子和粒子系统动起来 5 用纹理给粒子造型 6 使用ParticleCanvasMaterial在画布上为粒子造型 名称 描述 Sprite粒子 参数是material,生成的sprite可以设置position和scale等属性直接添加到场

js加入购物车抛物线动画

天猫将商品加入购物车会有一个抛物线动画,告诉用户操作成功以及购物车的位置,业务中需要用到类似的效果,记录一下实现过程备忘,先上demo 一开始没有想到用抛物线函数去做,也已经忘记还有这么个函数了,想着抛物线本质上就是向右和向上方向各有一个速度(就上面的demo而言),向右的速度匀速,向上的速度递减,减到0后再反方向递增,元素的left和top值随时间递增而改变,元素运动轨迹就是抛物线,这个思路不具备通用性,实现也比较复杂,放弃了. 之后参考了张鑫旭用抛物线函数的实现方式和愚人码头的改进,豁然开朗