Javascript 如何使用另一个'；身份证

我试图让行星围绕太阳运行（就像我们的太阳系），但当你在它们上方盘旋时，会停下来。我尝试过使用ID和类，但没有成功。以下是我的代码（针对所有行星完成）：

var divs=document.getElementsByClassName（“行星”）；
如果（真==真）{
对于（变量i=0；i

朱庇特{ 位置：绝对位置； 排名：0； 左：50%； 高度：50px； 宽度：50px； 左边距：-25px； 利润上限：-25px； 边界半径：50%； 背景：莫兹线性梯度（顶部，#a39f68 1%，#E2E213%，#E2E213%，#96875e 28%，#Eded44%，#96875e 59%，#96875e 59%，#a39f68 78%，#96875e 100%）； 背景：webkit线性梯度（顶部，#a39f68 1%，#E2E213%，#E2E213%，#96875e 28%，#Eded44%，#96875e 59%，#96875e 59%，#a39f68 78%，#96875e 100%）； 背景：线性梯度（至底部，#a39f68 1%，#E2E213%，#E2E213%，#96875e 28%，#Eded44%，#96875e 59%，#96875e 59%，#a39f68 78%，#96875e 100%）； 过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#a39f68'，endColorstr='#96875e'，GradientType=0）； } #木星轨道{ 位置：绝对位置； 最高：50%； 左：50%； 宽度：400px； 高度：400px； 利润上限：-200px； 左边距：-200px； 边框宽度：2倍； 边框样式：虚线； 边框颜色：白色； 边界半径：50%； -webkit动画：向右旋转26秒线性无限； -moz动画：向右旋转26秒线性无限； -ms动画：向右旋转26秒线性无限； -o-动画：向右旋转26秒线性无限； 动画：向右旋转26秒线性无限； } @-webkit关键帧向右旋转{ 100% { -webkit变换：旋转（360度）； -moz变换：旋转（360度）； -ms变换：旋转（360度）； -o变换：旋转（360度）； 变换：旋转（360度）； } } @关键帧向右旋转{ 100% { -webkit变换：旋转（360度）； -moz变换：旋转（360度）； -ms变换：旋转（360度）； -o变换：旋转（360度）； 变换：旋转（360度）； } }

（不按比例）

作者：marloso2

使用javascript引用CSS属性时，通常使用驼峰大小写。因此，名为

background color

的样式属性变为

backgroundColor

此外，属性值本身通常需要是字符串，因此需要引用它们

记住这一点，将

动画播放状态

更改为

动画播放状态

，并用引号括起暂停/运行

您可能还必须使用供应商前缀，例如：

function mouseOver(d) {
    var orbitOver = document.getElementById(d.id + "-orbit");
    orbitOver.style.webkitAnimationPlayState = 'paused';
}

function mouseOut(d) {
    var orbitOut = document.getElementById(d.id + "-orbit");
    orbitOut.style.webkitAnimationPlayState = 'running';
}

仔细检查后，您的代码会出现更多问题

分配事件的for循环不正确，应如下所示：

for(var i = 0; i < divs.length; i++){
    divs[i].onmouseover = function() {mouseOver(this)}
    divs[i].onmouseout = function() {mouseOut(this)}        
}

for（变量i=0；i

此处的工作版本：

---

驼峰案例和引号的可能重复没有帮助。这也没有帮助。这是我的完整版本：您在mouseOut函数中引用了orbitOver，这导致了一些javascript错误。我在这里解决了这个问题：但这还有其他问题。元素似乎没有正确接收mouseout/over事件。对不起，我没有时间再往下看了。我注意到它接收不正确。谢谢你。