Печатающий текст Полезные скрипты для вашего сайта
Продолжая тему постов об интересных решений для WEB мастеров, хотелось бы показать… для тех, кто пока еще начинает оформление своего сайта… одну из привлекательных функций – typewriter (печатающийся текст). Наверняка вы видели эту “приблуду” на информационных сайтах, как вариант новостных выносок и ссылок.
Теперь и вы сможете сделать такое у себя на страничке…
Этот крошечный скриптик не имеет сложных настроек, которые есть у “старших” собратьев на Ajaks и.т.п. Вы просто прописываете свои короткие тексты в каждой строке и скрипт, по очереди выводит написанное. Смотрите пример в коде, копируйте, меняйте текст в каждой строке на свой и… вставляйте в то место, где вам необходимо вывести этот информер.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script src="https://cdn.tutorialjinni.com/ityped/1.0.3/index.min.js"></script> <div id="wrapper"> <span id="typewriter"></span> </div> <script> ityped.init('#typewriter', { strings:[ 'Первая строка вашего текста', 'Вторая строка.... пишем, пишем...', 'Третья строка вашего текста', 'Следующая...' ], startDelay: 500, loop: false }); </script> |
Ниже смотрите – рабочий пример…
Подпишитесь на нашу рассылку, чтобы быть в курсе новостей!
Вашему вниманию уже 194 публикаций для ознакомления.
Удачи и до новых встреч!
С уважением, MasterPRO
Рекомендую!
Оценок: (1 среднее: 5,00 из 5)
Загрузка...|
Просмотров страницы: 377 Метки: typewriter ○ wordpress ○ Новости блога ○ скрипты ○ Обновление статьи: 13.06.2024 Короткая ссылка:
|
 |
Народная мудрость
Наберитесь терпения - новые публикации в процессе осмысления...
Вход на сайт
Подпишись на новости блога!
Геолокация посетителя
Куча лайфхаков в моём TikTokе!
Крутые товары
