我要实现多个div的淡入淡出，现在效果上有点小问题，大家看看我这段代码哪里出问题了

发布网友发布时间：2022-07-10 20:47

我来回答

共2个回答

热心网友时间：2023-10-14 22:51

最烦看别人代码了。没细看，但首先发现了三个大问题。

有没有发现少了两个双引号？

然后，你要把getMove函数移到window.onload之前。

想想，浏览器加载你这段代码的时候，先加载window.onload，而此时，

你还没定义getMove函数呢。

而且，你的obj.alpha+=speed，如果speed数值过大，

人眼是看得出来的，这就是过度不平滑的最大原因。

=============================================

还有些小问题：

css的float不要乱用，

alpha属性也少用，尽量用rgba代替alpha。

对于确定的元素位置，不要用margin，直接position:absolute，然后定位top和left。

==============================================

另外：写这么长的js不累么。。。

css3的transition属性用好，比写js方便多了。你这段代码只需要这么写就行了：

<html>
<head>
    <meta content="text/html" charset="utf-8"/>
    <style>
        .divSet {
            width: 200px;
            height: 200px;
            background:rgba(255, 0, 0,1);
            margin: 10px;
            transition:1s;
            position:absolute;
            top:10px;
        }
        .divSet:hover {
            background:rgba(255,0,0,0.3);
        }
    </style>
</head>
<body>
    <div class="divSet" style="left:100px;"></div>
    <div class="divSet" style="left:350px;"></div>
    <div class="divSet" style="left:600px;"></div>
    <div class="divSet" style="left:850px;"></div>
</body>
</html>

热心网友时间：2023-10-14 22:52

obj.tiemr=setInterval(function()

应该是
obj.timer