Скрипт jQuery slideDown не работает в простом примере кода

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>

Простой пример кода не работает; Я пытаюсь просто сделать снимок снизу вверх от верхней части экрана, но он остается неподвижным. Я также попытался использовать "display: none" на изображении, но изображение остается скрытым, а не сползающим сверху.

  • 1
    где добавлена библиотека jQuery
  • 0
    Разве img src не должен использовать / не `\`?
Теги:
slidedown

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>

Демо: скрипка

  • 0
    Ничего себе ... правильно. Спасибо ... случайный недосмотр с моей стороны.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню