javascript – 如何告诉Google翻译不翻译网站的某个部分?

Google翻译有一个developer tool,将启用网站上的google翻译。是否有办法让Google翻译不翻译网站的某个部分?也许在HTML元素上有类名?我试过HTML5 translate=no属性。它没有效果。 这是一个特别的问题,因为Google会误译网站的名称。 最佳答案 根据Google instructions,设置class =“notranslate”会阻止Google翻译。这似乎工作,虽然使用它内联(例如,一个单词)可能意味着一些混乱,所以你需要检查发生了什么。例如, Welcome to the <span class="notranslate">Cool</span> company website! 翻译成西班牙语“Bienvenido a la Coolweb de lacompañía!”,这不是那么酷,虽然它表明“酷”已被视为一个正确的名字;没有标记,文本将翻译为“Bienvenido a la fresca web de la empresa!”。 将文本重新配置为 Welcome…

Continue Reading

facebook like 按钮CSS特效

html <div class="placement"> <div class="heart"></div> </div>   scss:   .heart { width: 100px; height: 100px; background: url("https://cssanimation.rocks/images/posts/steps/heart.png") no-repeat; background-position: 0 0; cursor: pointer; transition: background-position 1s steps(28); transition-duration: 0s; &.is-active…

Continue Reading

用纯CSS实现优雅的tab页

通常tab页的交互都是点击tab头然后展示对应的一块内容,这种排他性跟HTML里面的某个原住民很类似,是啥呢?没错!就是单选框组。单选框组有一个:checked伪类,可以设定单选框被选中后的样式,所以我们要把一组单选框当做tab页的头部么?当然不是,单选框是很固执的,用CSS去感化他是很吃力的,那怎么办呢?这里就要用到CSS里面的+选择器了[实际上这个选择器我之前从来没用过-_-||],简单来说+选择器就是选择紧跟在某个指定元素后面的另一个指定的元素,具体介绍请看

Continue Reading

jQuery插件开发精品教程,让你的jQuery提升一个台阶[ZT]

【原帖】 http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html   要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统。这好比大公司们争相做平台一样,得平台者得天下。苹果,微软,谷歌等巨头,都有各自的平台及生态圈。 学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择。 本教程可能不是最精品的,但一定是最细致的。 jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的,有了模式,我们就能更好地组织我们的代码,并且从这些前人总结出来的模式中学到很多好的实践。 根据《jQuery高级编程》的描述,jQuery插件开发方式主要有三种: 通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法 通过$.widget()应用jQuery UI的部件工厂方式创建 通常我们使用第二种方法来进行简单插件开发,说简单是相对于第三种方式。第三种方式是用来开发更高级jQuery部件的,该模式开发出来的部件带有很多jQuery内建的特性,比如插件的状态信息自动保存,各种关于插件的常用方法等,非常贴心,这里不细说。 而第一种方式又太简单,仅仅是在jQuery命名空间或者理解成jQuery身上添加了一个静态方法而以。所以我们调用通过$.extend()添加的函数时直接通过$符号调用($.myfunction())而不需要选中DOM元素($('#example').myfunction())。请看下面的例子。 $.extend({ sayHello: function(name) { console.log('Hello,' + (name ? name : 'Dude') + '!');…

Continue Reading

Javascript变量的命名规则 匈牙利命名法语法

匈牙利命名法语法

变量名=类型+对象描述

类型指变量的类型
对象描述指对象名字全称或名字的一部分,要求有明确含义,命名要容易记忆容易理解。

提示

虽然JavaScript变量表面上没有类型,但是JavaScript内部还是会为变量赋予相应的类型。
匈牙利命名法是一位微软程序员发明的,多数的C,C++程序都使用此命名法。
JavaScript变量匈牙利命名类型

JavaScript变量起名类型 变量命名前缀
Array 数组 a
Boolean 布尔 b
Float 浮点 f
Function 函数 fn
Integer(int) 整型 i
Object 对象 o
Regular Expression 正则 re
String 字符串 s

JavaScript变量名匈牙利命名法示例

varaName
= [‘zhangsan’,’lizi’,’zhaowu’]; //Array
数组

varoBtn
= window.document.getElementById(‘btn’); //Object
对象

functionfnName(){};
//Function
函数

varnAge
= 25; //Integer(int)
整型

varsWebURL=”www.wangyingran.com”; //String
字符串
(more…)

Continue Reading

原生JavaScript事件详解

http://www.cnblogs.com/iyangyuan/p/4190773.html 原生JavaScript事件详解 JQuery这种Write Less Do More的框架,用多了难免会对原生js眼高手低。 小菜其实不想写这篇博客,貌似很初级的样子,但是看到网络上连原生js事件绑定和解除都说不明白,还是决定科普一下了。 首先声明,小菜懂的也不是很多,只是把我的思路和大家分享一下。 DOM0事件模型 事件模型在不断发展,早期的事件模型称为DOM0级别。 DOM0事件模型,所有的浏览器都支持。 直接在dom对象上注册事件名称,就是DOM0写法,比如: 1 document.getElementById("test").onclick = function(e){}; 意思就是注册一个onclick事件。当然,它和这种写法是一个意思: 1 document.getElementById("test")["onmousemove"] = function(e){}; 这没什么,只不过是两种访问js对象属性的方法,[]的形式主要是为了解决属性名不是合法的标识符,比如:object.123肯定报错,但是object["123"]就避免了这个问题,与此同时,[]的写法,也把js写活了,用字符串表示属性名称,可以在运行时动态绑定事件。 言归正传,事件被触发时,会默认传入一个参数e,表示事件对象,通过e,我们可以获取很多有用的信息,比如点击的坐标、具体触发该事件的dom元素等等。 基于DOM0的事件,对于同一个dom节点而言,只能注册一个,后边注册的同种事件会覆盖之前注册的。例如: 复制代码 1 var btn = document.getElementById("test");…

Continue Reading

javascript中getElementBy系列函数用法

WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签: 1、getElementById() getElementById()在我们做web时估计是用的最多的了.getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义,就是通过ID来取得元素,所以只能访问设置了ID的元素。 比如说有一个DIV的ID为docid: 那么就可以用getElementById("docid")来获得这个元素。 此函数一般多用在取得input表单的值,在用javascript检查表单时非常有用. 还有一点就是在ie这种非标准浏览器中如果你的input中没有id,只有name,在ie下用getElementbyid("name")是可以取得值的,但在firefox这种标准浏览器里是取不到值的 以下为引用的内容: 你可以用下面这段代码在ie和ff下看看效果 以下为引用的内容: ById 2 . getElementsByName() 这个是通过NAME来获得元素,大家注意这个是GET ELEMENTS,复数ELEMENTS代表获得的不是一个元素,为什么呢? 因为DOCUMENT中每一个元素的ID是唯一的,但NAME却可以重复。打个比喻就像人的身份证号是唯一的(理论上,虽然现实中有重复),但名字 php程序员之家 重复的却很多。如果一个文档中有两个以上的标签NAME相同,那么getElementsByName()就可以取得这些元素组成一个数组。 比如有两个DIV: 那么可以用getElementsByName("docname")获得这两个DIV,用getElementsByName("docname")[0]访问第一个DIV,用getElementsByName php程序员之家 3、getElementsByTagName() 这个呢就是通过TAGNAME(标签名称)来获得元素,一个DOCUMENT中当然会有相同的标签,所以这个方法也是取得一个数组。 下面这个例子有两个DIV,可以用getElementsByTagName("div")来访问它们,用getElementsByTagName("div")[0]访问第一个DIV,用 phperz.com getElementsByTagName("div")[1]访问第二个DIV。 php程序员站…

Continue Reading

javascript 判断浏览器 类型 为手机或者平板 并跳转到手机网址

<script type="text/javascript"> var fullUrl = "http://www.kinankvm.com"; var fullSSLUrl = "https://www.kinankvm.com"; </script> <script language="javascript" type="text/javascript"> document.domain = "kinankvm.com"; function IsMobileBrowser() { var isMobileBrowser = false; var strBT = "lgtelecom||NATEBrowser||LG-CT810||LG/BL40||POLARIS||SAMSUNG||iphone||ipod||IEMobile||Opera Mobi||OperaMini||Windows CE||blackberry||symbian||nokia||HTC||Mobile…

Continue Reading
Close Menu