Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
1 / 1 / 2
Регистрация: 13.03.2012
Сообщений: 382
1

Как сделать чтоб открытка открывалась по времени?

26.12.2018, 11:45. Показов 552. Ответов 2
Метки нет (Все метки)

есть новогодняя октрытка https://pcvector.net/scripts/o... godom.html

ей нужно сделать чтоб она сама открывалась через например 3 секунды, как это реализовать подскажите пожалуйста
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
26.12.2018, 11:45
Ответы с готовыми решениями:

Как сделать чтоб при нажатии войти форма, которая выше открывалась в модальном окне?
<div class="sidebox2"> <h1>Client Login</h1> <form method="post"...

Как бы сделать так, чтоб форма открывалась на весь экран?
Еще раз приветствую.... Как бы сделать так, чтоб форма открывалась на весь экран (экраны разные,...

Как сделать чтоб при нажатии на кнопку открывалась картинка или класс
Здравствуйте, подскажите, мне нужно что бы при нажатии на кнопку открывался файл, допустим...

Как сделать так чтоб главная страница всегда открывалась чуть ниже шапки
Навеяло отсюда: https://www.cyberforum.ru/html/thread25975.html подскажите пожалуйста, как...

__________________

Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
Обучение в Java Mentor с оплатой после трудоустройства
2
36 / 34 / 12
Регистрация: 04.06.2014
Сообщений: 218
27.12.2018, 18:11 2
Javascript
1
2
3
setTimeot(function() {
  //Здесь вызвать функцию показывающую откртытку
}, 3000)
0
Эксперт JS
2027 / 1086 / 408
Регистрация: 29.04.2016
Сообщений: 2,603
28.12.2018, 04:54 3
wolf777,
Как-то так:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Новогодняя открытка | pcvector.net</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="X-UA-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="format-detection" content="telephone=no">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<script>
var articleLink = '/scripts/other/479-otkrytka-s-novym-godom.html';
</script>
 
 
<div class="card">
    <div class="card-page cart-page-front">
        <div class="card-page cart-page-outside"></div>
        <div class="card-page cart-page-inside">
            <span class="merry-christmas"><img src="img/newyear.png" alt=""></span>
        </div>
    </div>
    <div class="card-page cart-page-bottom">
        <h3 class="card-page__title">Поздравляем с Новым годом!</h3>
        <div class="card-page__text">
            <p>Желаем преданных друзей, верных соратников, искренних эмоций, щенячьего восторга, тепла, любви и ласки!</p>
            <p>Здоровья, успехов, достатка, радости и взаимных симпатий. Будьте уверены, что все мечты исполнятся!</p>
        </div>
    </div>
</div>
 
<span class="click-icon">
    <svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M31.6 17.7V26c0 1.9-.7 3.7-2 5.1v.9c0 1.6-1.3 3-3 3h-8.4c-1.6 0-3-1.3-3-3 0-.6.5-1 1-1s1 .4 1 1c0 .5.4 1 1 1h8.4c.5 0 1-.4 1-1v-1.2-.3-.1c0-.1.1-.2.2-.3 1.1-1.1 1.7-2.5 1.7-4v-8.3c0-.3-.1-.5-.3-.7-.1-.1-.5-.4-1-.3-.4.1-.8.6-.8 1.1v2.4c0 .6-.5 1-1 1s-1-.4-1-1v-5.5c0-.3-.1-.5-.3-.7s-.4-.3-.7-.3c-.5 0-1 .5-1 1v5.5c0 .6-.5 1-1 1s-1-.4-1-1v-8.5c0-.3-.1-.5-.3-.7s-.4-.3-.7-.3c-.5 0-1 .5-1 1v8.5c0 .6-.5 1-1 1s-1-.4-1-1V7.7c0-.3-.1-.5-.3-.7-.1-.1-.5-.4-1-.3-.4.1-.8.6-.8 1.1V20c0 .4-.2.8-.6.9-.4.2-.8.1-1.1-.2L11 18.1c-.6-.6-1.6-.6-2.2.1-.5.6-.4 1.5.2 2.1l7 7c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3-.3 0-.5-.1-.7-.3l-7-7.1c-1.3-1.3-1.5-3.5-.3-4.8C8 16 9 15.5 10 15.5c.9 0 1.8.4 2.5 1l.9.9V7.9c0-1.4.9-2.7 2.3-3 1-.3 2.1 0 2.8.8.6.6.9 1.3.9 2.1V9c.3-.1.7-.2 1-.2.8 0 1.5.3 2.1.9s.9 1.3.9 2.1v.2c.3-.1.7-.2 1-.2.8 0 1.5.3 2.1.9s.9 1.3.9 2.1v.2c.1 0 .2-.1.3-.1 1-.3 2.1 0 2.8.8.8.5 1.1 1.3 1.1 2z"/></svg>
</span>
 
 
</body>
</html>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function() {
    
    setTimeout(function() {
        $('.card').toggleClass('is-opened');
        $('.click-icon').toggleClass('is-hidden');
    }, 3000);
 
    $('.card').on('click', function() {
        $(this).toggleClass('is-opened');
        $('.click-icon').toggleClass('is-hidden');
    });
 
});
В архиве все файлы -> Архив ZIP - WinRAR.zip
Демка -> http://some-test.onlinewebshop.net/otkrytka-2019/
А для чего вам это?
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
28.12.2018, 04:54

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Как сделать чтоб после подключения к моей Wifi точке в браузере открывалась моя страница?
1. Есть рутер/роутер 2. Wifi до 100 mbps 3. Прошивка dd-wrt Хочу чтоб после того как человек...

Как сделать, чтоб в веб-приложении asp.net в visual studio 2010 бд Mysql открывалась на любом ПК
Я разрабатываю веб-сайт. БД я создавал в Mysql 5.5.2. Подключение бд к вижуал студио я делал через...

Как сделать так, чтоб если на первой форме стоит галочка, то программа открывалась со второй формы
Добрый день! Возникла такая проблема (я в программировании новичек). есть две формы и на первой...

Как сделать, чтобы при открытии 1с конфигурации открывалась общая форма и чтоб она стояла закладкой после начальной стра
Как сделать, чтобы при открытии 1с конфигурации открывалась общая форма и чтоб она стояла закладкой...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.