Попробуйте написать прямо по буквам, так сказать, как мне выводить этот див через 5 секунд - Веб-строительство

Popup, который открывается через несколько секунд

Rock'n'rolla · 2013-10-14T17:27:20.0000000Z

Кто может поделиться? Вот нашел такой вариант http://dinbror.dk/bpopup/ , очень неплохой, но нет там того, что я ищу. Мне надо, чтобы попап открывался спустя 3-5 секунд после того, как загрузилась страница.

427

siv1987

16 октября 2013, 12:17

#11


    <div id="popup">

        <span class="button b-close"><span>X</span></span>

        Text text text<br>

    </div>



<script>

$('#popup').bPopup();

</script>

D

153

Dinozavr

16 октября 2013, 15:03

#12

бывают ещё проблемы, когда рекламный код использует document.write. в таких случаях помогает postscribe

TD

0

Tkachenko Denis

16 октября 2013, 16:47

#13

Rock'n'rolla:
Народ, я что то вообще никак не могу понять, как его установить, этот попап
http://dinbror.dk/bpopup/
Подскажите, пожалуйста.

Например, вот так:


<html>

<head>

<title>Hello, world!</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script src="jquery.bpopup.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

	setTimeout(function(){

		$('#element_to_pop_up').bPopup();

	}, 3000);

});

</script>

<style>

#element_to_pop_up { 

    background-color:#fff;

    border-radius:15px;

    color:#000;

    display:none; 

    padding:20px;

    min-width:400px;

    min-height: 180px;

}

.b-close{

    cursor:pointer;

    position:absolute;

    right:10px;

    top:5px;

}

</style>

</head>

<body>

<div id="element_to_pop_up">

<a class="b-close">x<a/>

Hello, world!

</div>

</body>

</html>

P.S. Метод delay() указанный мною в предыдущем примере на практике не работает с .bPopup(), поэтому вместо него используем setTimeout. И не забудьте скачать библиотеку jquery.bpopup.min.js

146

Rock'n'rolla

23 октября 2013, 17:02

#14

Так, допустим у меня есть

<div>Привет!</div>

Можете написать прямо по буквам, так сказать, как мне выводить этот див, чтобы он был видимым, через 5 секунд скажем?

Ну т.е.

"Vulcan-Bit - лучшая партнерка в сети" (http://vulcan-bit.com?invite=artem_kozirev) KMA.BIZ - Партнерка с крутым конвертом и отчислениями в долларах. Лить! (http://kma.biz)

427

siv1987

23 октября 2013, 18:04

#15

Rock'n'rolla, вы вообще читаете? Вам уже три раза прямо по буквам все написали. Осталось только подключить плагин и добавить свой текст - Hello, world!, Text text text.

146

Rock'n'rolla

23 октября 2013, 18:06

#16

siv1987, сорри, но без jquery можно реализовать? Плагин этого попап окна мне пока не нужен, я тупо div'ами окно сам сделал, теперь надо тока чтобы все через 3-4 сек загружалось.

WordPress 5.6 может нарушить Директ.Коммандер реализовал работу со Яндекс Директ обновил интерфейс

427

siv1987

23 октября 2013, 18:16

#17

Тупо верстаете обыкновенное окно, ставите на блок display: none

и появление этого окна через 5 секунд


<script type="text/javascript">

setTimeout(function(){

    //MyWindowID - заменить на ид вашего окна

    document.getElementById('MyWindowID').style.display = 'block';

}, 5000);

</script>

146

Rock'n'rolla

24 октября 2013, 19:36

#18

Что то не работает... Вот если так сделать:

То все работает, т.е. все исчезает. А наоборот почему то не работает.

427

siv1987

24 октября 2013, 21:36

#19

А чо это так много блоков у вас? Использовать один базовый не вариант?

119

vlad00777

24 октября 2013, 21:55

#20

Rock'n'rolla, я надеюсь вы перед этим сделали

siv1987:
ставите на блок display: none

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.

Курс биткоина превысил $50 тысяч

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы

Popup, который открывается через несколько секунд