0 
<!DOCTYPE html>
<html>
    <head>
        <title>
        </title>
        <style>
        </style>
        <script type="text/javascript">
            $(document).ready(function {
          $('img').slideDown('slow');
      });
        </script>
    </head>
    <body>
        <img src="images\sjmak-music-logo.jpeg"/>
    </body>
</html>

上面的简单代码示例不起作用；我试图简单地使图像从屏幕顶部向下滑动，但它保持静止。我还尝试在图像上使用“显示：无”，但图像仍然隐藏而不是从顶部向下滑动。

4

1 回答 1

6

您需要包含jQuery 库文件才能使用jQuery 方法。

在下面的示例中，添加了一个 jquery cdn 版本。同样要向下滑动图像，必须先将其隐藏

<!DOCTYPE html>
<html>
    <head>
        <title>
        </title>
        <style>
        </style>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
          $('img').slideDown('slow');
      });
        </script>
    </head>
    <body>
        <img src="images\sjmak-music-logo.jpeg" style="display: none"/>
    </body>
</html>

演示：小提琴

于 2013-10-21T15:47:20.487 回答