Question

我需要在加载时将整个div内容从底部移到顶部，在加载30秒后我需要将 #content-box替换为＃content-box2

 <script type="text/javascript">
        $("document").ready(Show_Alert());
            function Show_Alert() {
            $(function(){
            $("#content-box").animate({'bottom': 1900},700);
            });
        }   
  </script>

  <div id = "content-box">
        qwerty
  </div>

  <div id = "content-box2">
        1234567890
  </div>

Answer 1

使用此脚本：

    $(document).ready(function(){
        setTimeout('Show_Alert()', 30000);
    });

    function Show_Alert() {
        $("#content-box2").animate({'bottom': '1900px'},2000);
    }

这个CSS：

#content-box2 { position: absolute; bottom:0; left:0; width: 100%; }

如果它没有帮助你可以请你提供内容框的CSS并告诉我们30秒后到底应该发生什么？

Answer 2

如您在评论中所说的那样替换.. - 在您的情况下 - 您可以使用.html()

$('#content-box').html($('#content-box2').html());

或者您可以使用.text()

$('#content-box').text($('#content-box2').text());

Jquery动画整个div内容

2 个答案: