Решено! пропадающая всплывающая картинка

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

  1. Offline

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

    Регистрация:
    30.10.2015
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    Здравствуйте!
    Сделал всплывающую картинку, которая появляется после загрузки страницы. После появления картинка не исчезает. Как сделать, чтобы после появления, через определенное время картинка исчезала?
    Вот код:
    Код (CODE):
    1. <div>
    2. <link rel="stylesheet" href="css/styles.css" type="text/css" />
    3. <style>
    4. /* Всплывающее окно */
    5. #okno {
    6.   display: none;
    7.   z-index: 99999;
    8.   top: 0;
    9.   right: 0;
    10.   bottom: 0;
    11.   left: 0;
    12. }
    13.  
    14. </style>
    15. </head>
    16. <body>
    17. <div id="okno">
    18. <img src="images\12377.png" style="margin: -183px 0px 0px 207px; width: 119px; height: 64px;left: 50%;position: absolute;">
    19. <big style="
    20.     position: absolute;
    21.     margin: -175px 0px 0px 708px;
    22.     color: #CF2F2F;
    23.     font-size: 19px;
    24.     line-height: 18px;
    25.     text-align: center;
    26.   ">Изменилась<br> цена</big></div>
    27. <script type="text/javascript">
    28. var cherez = 1000;
    29. setTimeout("document.getElementById('okno').style.display='block'", cherez);
    30. </script>
    31. </div>
     

    Вложения:

    • 12.png
      12.png
      Размер файла:
      36.8 КБ
      Просмотров:
      0
    amoRNizam, 01.12.2015
    #1

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

     
  3. Offline

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

    Регистрация:
    30.10.2015
    Сообщения:
    11
    Симпатии:
    1
    Пол:
    Мужской
    изменил так:
    Код (CODE):
    1. <script type="text/javascript">
    2. var cherez = 1000;
    3. var fri = 3000;
    4. setTimeout("document.getElementById('okno').style.display='block'", cherez);
    5. setTimeout("document.getElementById('okno').style.display='none'", fri);
    6. </script>

    Всё работает теперь.
     
    amoRNizam, 01.12.2015
    #2
< Скрипт для всплывающего и исчезающего окна или картинки | jQuery не работает на сайте >

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

Загрузка...