如何用JS获取translate3d中的数值

JavaScript014

如何用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")'