0

我有这段代码用于淡入其他元素。

我遇到的问题是它导致屏幕闪烁，有时父 div 在更改时会快速上下移动。

<script>
    $j=jQuery.noConflict();
    $j(document).ready(function() {

        var speed = 800,
        holdTime = 5000,
        num = 1,
        timer;

        (function rotate() {
            $j("#box-set-" + num).stop(true, true)
                                 .fadeIn(speed)
                                 .delay(holdTime)
                                 .fadeOut(speed);
            num >= 3 ? num=1 : num++;
            timer = setTimeout(rotate, holdTime + 1600);
        })();

    });
</script>

任何帮助将非常感激。

编辑：附加的CSS

.box-hidden {
display:none;
margin: 0;
}

#box-sets {
height:225px;

}

#tag-box-1 {
width: 31.25%;
color: #999;
text-align: center;
line-height: 1.4em;
float: left;
margin-right: 3.125%;
margin-top: 0;
}
#tag-box-2 {
width: 31.25%;
color: #999;
text-align: center;
line-height: 1.4em;
margin-right: 3.125%;
float: left;
padding-top: 10px;
margin-top: 0;
}
#tag-box-3 {
width: 31.25%;
color: #999;
text-align: center;
line-height: 1.4em;
float: left;
padding-top: 10px;
margin-top: 0;
}
#home-page-spacer {
border-top: 6px solid #ededed;
border-bottom: 3px solid #ededed;
background-color: #fdfafa;
padding: 1em 0;
margin: 2em 0;
}
4

0 回答 0