Question

我真的是jquery的新手......但是我想在我的网站上发挥作用，希望你能帮助我。

我的意图是在淡入淡出时出现带有徽标（http://oi49.tinypic.com/34ss55v.jpg）的闪屏，然后（2秒后）向上移动徽标并让网站的其余部分显示。

感谢您的帮助！

Answer 1

您可以使用jQuery的fadeIn()方法来显示启动画面。 - http://api.jquery.com/fadeIn/

之后，您可以致电fadeOut()或slideUp()隐藏图片。

试试这个（最小的）例子：

<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  </head>
  <body>
    <div id="splash" style="display:none;"><img src="http://oi49.tinypic.com/34ss55v.jpg"/></div>

    <script>
      // Slowly fade in image (5 seconds) and then slide it up (2 seconds).
      $().ready(function() {
        $("#splash").fadeIn(5000).slideUp(2000);
      });

    </script>
  </body>
</html>

希望有所帮助：）

带有徽标的启动画面淡入+向上移动

1 个答案: