Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.12.2021, 10:56
Аспирант
Отправить личное сообщение для Alexprom Посмотреть профиль Найти все сообщения от Alexprom
 
Регистрация: 19.09.2018
Сообщений: 51

Ищу скрипт появления изображения
Здравствуйте! Хочу на сайт снеговика поставить))
Хочеться чтобы он переодически вылазил слева из за экрана и прятался, и следующий раз вылазил чуть выше или ниже.

Такой скрипт есть? Долго ищу но как то глухо...
Снеговик есть а скрипта нет
Ответить с цитированием
  #2 (permalink)  
Старый 06.12.2021, 11:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,780

Alexprom,
снеговика в студию!!!
Ответить с цитированием
  #3 (permalink)  
Старый 06.12.2021, 13:52
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,783

Началось...
Ответить с цитированием
  #4 (permalink)  
Старый 06.12.2021, 14:11
Аспирант
Отправить личное сообщение для Alexprom Посмотреть профиль Найти все сообщения от Alexprom
 
Регистрация: 19.09.2018
Сообщений: 51

Сообщение от рони Посмотреть сообщение
Alexprom,
снеговика в студию!!!
Воть
https://drive.google.com/file/d/1OQr...ew?usp=sharing
Ответить с цитированием
  #5 (permalink)  
Старый 06.12.2021, 14:12
Аспирант
Отправить личное сообщение для Alexprom Посмотреть профиль Найти все сообщения от Alexprom
 
Регистрация: 19.09.2018
Сообщений: 51

Сообщение от ksa Посмотреть сообщение
Началось...
Ну а что?))) Все любят снеговиков)))
Ответить с цитированием
  #6 (permalink)  
Старый 06.12.2021, 15:00
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,783

Alexprom, да сейчас пойдет:
- хочу падающий снег
- оленей с санями
- фейерверки
- елки с игрушками

Последний раз редактировалось ksa, 06.12.2021 в 15:02.
Ответить с цитированием
  #7 (permalink)  
Старый 06.12.2021, 15:19
Аспирант
Отправить личное сообщение для Alexprom Посмотреть профиль Найти все сообщения от Alexprom
 
Регистрация: 19.09.2018
Сообщений: 51

Сообщение от ksa Посмотреть сообщение
Alexprom, да сейчас пойдет:
- хочу падающий снег
- оленей с санями
- фейерверки
- елки с игрушками
Это все уже есть)) снеговика не хватает)))
Ответить с цитированием
  #8 (permalink)  
Старый 06.12.2021, 16:09
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,780

Сообщение от Alexprom
Такой скрипт есть?
Рекурсивный setTimeout
Ответить с цитированием
  #9 (permalink)  
Старый 06.12.2021, 17:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,780

snowman animate
Alexprom,

<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
        .snowman {
            height: 100px;
            width: 100px;
            position: fixed;
            bottom: 0;
            left: -100px;
            z-index: 500;
            transform: rotate(30deg);
            transition: left .6s;
        }
    </style>
</head>
<body>
    <img class="snowman" src="https://i.pinimg.com/originals/52/59/75/5259755c4573bd4e45817c2e6737c991.jpg" alt="">
    <script>
        let show = 1;
        (function tick() {
            function random(base, up) {
                return base + Math.random() * up | 0
            }
            let img = document.querySelector(".snowman");
            img.style.left = show ? "-54px" : "-150px";
            show && (img.style.bottom = random(0, 300) + "px");
            show ^= 1;
            setTimeout(tick, show ? random(3000, 5000) : 3000 );
        })();
    </script>
</body>
</html>
Ответить с цитированием
  #10 (permalink)  
Старый 06.12.2021, 18:13
Аспирант
Отправить личное сообщение для Alexprom Посмотреть профиль Найти все сообщения от Alexprom
 
Регистрация: 19.09.2018
Сообщений: 51

Сообщение от рони Посмотреть сообщение
Alexprom,

<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
        .snowman {
            height: 100px;
            width: 100px;
            position: fixed;
            bottom: 0;
            left: -100px;
            z-index: 500;
            transform: rotate(30deg);
            transition: left .6s;
        }
    </style>
</head>
<body>
    <img class="snowman" src="https://i.pinimg.com/originals/52/59/75/5259755c4573bd4e45817c2e6737c991.jpg" alt="">
    <script>
        let show = 1;
        (function tick() {
            function random(base, up) {
                return base + Math.random() * up | 0
            }
            let img = document.querySelector(".snowman");
            img.style.left = show ? "-54px" : "-150px";
            show && (img.style.bottom = random(0, 300) + "px");
            show ^= 1;
            setTimeout(tick, show ? random(3000, 5000) : 3000 );
        })();
    </script>
</body>
</html>
Да, это именно то что нужно)))
Красиво и празнично) Большое спасибо рони
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Скрипт для изменения свойст изображения sexys Элементы интерфейса 2 19.02.2019 15:54
Ищу скрипт добавления статей и уроков пользовтелями vuler Общие вопросы Javascript 4 10.03.2015 16:53
Изменить скрипт Изучаю_JS Общие вопросы Javascript 0 12.02.2012 20:05
Ищу скрипт подгрузки регионов kodermax Элементы интерфейса 2 24.07.2010 00:36
А как зделать скрипт, чтобы например скрипт 1 заменялся скриптом 2? yura371 Общие вопросы Javascript 3 06.01.2009 21:40