jQuery

Question

正如代码所说，我只想循环显示隐藏动画。不知何故，它似乎自动向左移动并回到中心。

这是怎么回事，如何让它固定在中心？

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script>
function running(){
    $("#hider").show("slow").hide("slow", running);
}

$(document).ready(function(){
    running();
});

</script>
</head>
<body>
<center id="hider">Hiding...</center>
</body>
</html>

Answer 1

show 和 hide 都只是在更改 display CSS 属性，这似乎导致了 [=14= 的块问题] 元素。您可以使用 fadeIn 和 fadeOut 代替：

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>
        function running(){
            $("#hider").fadeIn("slow").fadeOut("slow", running);
        }

        $(document).ready(function(){
            running();
        });
    </script>
</head>
<body>
    <center id="hider">Hiding...</center>
</body>
</html>

jQuery - Show/hide 居中项目有问题

jQuery - Show/hide has problems with centered items

hide

center

show