Вопрос Скрипт для всплывающего и исчезающего окна или картинки

Тема в разделе "Интерактивные возможности", создана пользователем amoRNizam, 01.12.2015.

  1. Offline

    amoRNizam Недавно здесь

    Регистрация:
    30.10.2015
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Всем привет! Подскажите как реализовать всплывающую картинку. Нужно сделать так, чтобы при входе на сайт над кнопкой появлялась определенная картинка, а затем через пару секунд она пропадала. Картинку я подготовил и позицию поставлю, а вот дальше я не знаю как, в скриптах плохо разбираюсь. 1.png

    Сделал так:

    <html>
    <body>

    <link rel="stylesheet" href="css/styles.css" type="text/css" />
    <style>
    /* Всплывающее окно */
    #okno {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    }

    </style>
    </head>
    <body>
    <div id="okno">
    <img src="C:\Users\Мазин\Desktop\12377.png" style="margin: 0px 0px 0px 900px">
    <big style="
    position: absolute;
    margin: 100px 0px 0px -330px;
    color: #CF2F2F;
    font-size: 50px;
    line-height: 45px;
    text-align: center;
    ">Изменилась<br> цена</big></div>
    <script type="text/javascript">
    var cherez = 1000;
    setTimeout("document.getElementById('okno').style.display='block'", cherez);
    </script>
    </body>
    </html>

    в итоге при загрузке страницы появляется картинка, как и задумывалось. А вот как сделать чтобы она исчезала через определенное время???
     
    Последнее редактирование: 01.12.2015
    amoRNizam, 01.12.2015
    #1

  2. Наши спонсоры

     
  3. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума ⇒ Профи ⇐

    Регистрация:
    21.05.2010
    Сообщения:
    2 604
    Симпатии:
    322
    Пол:
    Мужской
    tooltip от nonumber.nl идеально подойдут.
     
    CB9T, 01.12.2015
    #2
    amoRNizam нравится это.
  4. Offline

    amoRNizam Недавно здесь

    Регистрация:
    30.10.2015
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Добавил еще
    Код (CODE):
    1. var cherez = 6000;
    2. setTimeout("document.getElementById('okno').style.display='none", cherez);

    Теперь работает как надо.
     
    amoRNizam, 02.12.2015
    #3
< Как сделать, чтоб подпункты распахивались и сворачивались | пропадающая всплывающая картинка >

Поделиться этой страницей

Загрузка...