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

Question

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

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

Run Code Online (Sandbox Code Playgroud)

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

Answer 1

Aru*_*hny 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>

Run Code Online (Sandbox Code Playgroud)

演示:小提琴

归档时间：	12 年，1 月前
查看次数：	311 次
最近记录：	12 年，1 月前