如何用JS获取translate3d中的数值

JavaScript09

如何用JS获取translate3d中的数值,第1张

获取代码如下:

<div id="test" style="tranform:translate3D(20px,50px,0)"></div>

var style = document.getElementById('test').style

var transform = style.transform || ''

var transformY = transform.match(/translate3d\(\d+px,\s*(\d+)px,\s*(\d+)px\)/i)[1]

解释:

style是id为test的div的style属性

transform是style规则中的transform属性,此处忽略前缀问题,如果需要取-webkit-transform则可以通过WebkitTransform获取

transform.match(/translate3d\(\d+px,\s*(\d+)px,\s*(\d+)px\)/i)[1]获取translate3d第二个参数的数值,此题中为50

Google 翻译网页功能可以在包括中文和英文的35种语言之间实现整个网页的翻译。当你点击此按钮时,它会自动识别当前网页的语言,把它的内容上传到Google的翻译服务器翻译成用户浏览器设置的语言,,再将翻译结果用原有的网页格式显示出来。这时,该按钮的文字显示会变成“原始网页“,并且会在网页最上端出现一个信息条。如果你想把网页译成其它语言,你可以在信息条上改动翻译语言。另外,你如果点击已翻译网页上的任何链接,并且链接的网页的语言非浏览器设置语言的话,该功能会自动翻译链接网页。你可以点击“原始网页“或者点击信息条上的“X”键关掉信息条,网页就会回到翻译前的状态。

另外,Google工具栏还有字词翻译和划词翻译的功能。“翻译网页”图标旁的下拉菜单会显示两种功能的设置,即字词翻译和划词翻译。启用字词翻译功能后,将光标悬停在一个字词上,就能查看其翻译。若启用划词翻译,当你用鼠标高亮一串单词时,会在这些文字旁出现对整串文字的翻译

sort[i].style.transform="translate3d("+tw+"px, 0px, 0px)"

sort[i].style.webkitTransform='translate3d(tw+"px,0,0")'