Javascript不在id为'；s

我试图让3行代码做一些事情： 第1行旋转45度并进行一些平移 第1行不透明度0 第1行旋转-45度并进行一些平移

功能菜单（）
{
//显示不同的网络按钮
document.getElementById（'lineOne'）.style.webkittTransform=“旋转（45度）平移3d（10px，10px，0）”；
document.getElementById（'lineTwo'）.style.opacity=“.3”；
document.getElementById（'lineThree'）.style.webkittTransform=“旋转（-45度）translate3d（10，-10px，0）”；
}
#第一行、第二行、第三行、第四行、第五行、第六行
{
边缘顶部：6px；
左边距：30px；
位置：相对位置；
顶部：0px；
右：0px；
宽度：50%；
高度：7px！重要；
背景：黑色；
颜色：rgba（1,1,1,0）！重要；
}

---

上面是我在JS Fiddle上的代码，我得到的唯一结果是不透明度，第一个是旋转和平移。没有别的了。我完全忽略了其余的。我能做什么？

在变换中缺少一个

px

document.getElementById('lineThree')
        .style.WebkitTransform = "rotate(-90deg) translate3d(10px,-10px,0)";

---

translate3d

需要长度单位。

有很多问题。这是一把小提琴：

首先，您需要通过将js设置为“No wrap-in

”来告诉它将js放入

其次，您的函数没有使用

}

关闭

第三，你不需要锚标签

第四，在上一次转换中缺少px

document.getElementById('lineThree')
        .style.WebkitTransform = "rotate(-90deg) translate3d(10px,-10px,0)";

HTML:

---

请将您的代码放在这里，以及JSFIDLE上，并尽量让它更清楚地表明您正试图做什么您的代码似乎运行良好@Dalorzo it not rotate line 3。还有第二行，如果我要添加它的话。你用什么浏览器浏览的？我从Chrome和Safari上查看过它。@Pheonixblade9我在上面写过，我想让line1旋转，line2失去透明度，line3以另一种方式旋转。internet不是webkit，请不要使用webkit样式来排除web标准。相反，考虑向元素添加类名，这些元素在标准CSS属性名称和值之前保持厂商前缀样式。Webkit值将不会被其他用户代理识别，因此其他浏览器将在您的站点上被破坏。这不是浏览器的错，而是编写代码的开发人员的错。请使用标准，并帮助您的用户。

    <div id = "menu" onclick="menu();">
                <div id = "lineOne">1</div>
                <div id = "lineTwo">1</div>
                <div id = "lineThree">1</div>
    </div>

function menu()
        {
        //Show Differnet Button
        document.getElementById('lineOne').style.WebkitTransform = "rotate(45deg) translate3d(10px,10px,0)";
        document.getElementById('lineTwo').style.opacity = ".3";
        document.getElementById('lineThree').style.WebkitTransform = "rotate(-45deg) translate3d(10px,-10px,0)";
        }