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

Discussion in 'Интерактивные возможности' started by amoRNizam, Dec 1, 2015.

  1. Offline

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

    Joined:
    Oct 30, 2015
    Messages:
    11
    Likes Received:
    1
    Gender:
    Male
    Всем привет! Подскажите как реализовать всплывающую картинку. Нужно сделать так, чтобы при входе на сайт над кнопкой появлялась определенная картинка, а затем через пару секунд она пропадала. Картинку я подготовил и позицию поставлю, а вот дальше я не знаю как, в скриптах плохо разбираюсь. 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>

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

  2. Ads Master

     
  3. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    tooltip от nonumber.nl идеально подойдут.
     
    CB9T, Dec 1, 2015
    #2
    amoRNizam likes this.
  4. Offline

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

    Joined:
    Oct 30, 2015
    Messages:
    11
    Likes Received:
    1
    Gender:
    Male
    Добавил еще
    Код (CODE):
    1. var cherez = 6000;
    2. setTimeout("document.getElementById('okno').style.display='none", cherez);

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

Share This Page

Loading...