jQuery - 顯示/隱藏中心項存在問題

我想要的就是，如代碼所示，循環顯示隱藏動畫。不知怎的，它似乎自動地移動到左邊並且回到中心。jQuery - 顯示/隱藏中心項存在問題

發生了什麼？如何讓它固定在中心？

<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>

來源

2015-02-10 dgood1

show和hide都只是改變了display CSS屬性，這似乎是導致與center元素塊的問題。你可以使用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>

來源

2015-02-10 08:27:30

不錯！非常感謝！（等待10分鐘才能夠接受答案） – dgood1 2015-02-10 08:31:25

jQuery - 顯示/隱藏中心項存在問題

回答

相關問題