Question

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

上面的简单代码示例不起作用;我试图简单地让图像从屏幕顶部向下滑动，但它保持静止。我还试图在图像上使用'display：none'，但图像保持隐藏而不是从顶部向下滑动。

Answer 1

您需要包含jQuery library file才能使用jQuery methods。

在下面的示例中，添加了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>

演示：Fiddle

jQuery slideDown脚本无法在简单的代码示例中使用

1 个答案: