Показ описания при наведении курсора на картинку - на css

Данным способом можно организовать вывод блока с текстом поверх изображения (не выходя за его границы) при наведении на это изображение. Используя только CSS.

HTML - внутри первого блока div размещается второй:

Простой вариант спойлера

В том месте, где Вы хотите вставить спойлер, необходимо разместить следующий код:

Выпадающий текст при нажатии на ссылку

Создание раскрывающегося списка при нажатии на ссылку, где ссылка автоматически закрывается при нажатии на другую ссылку.

1. На странице, где Вы хотите сделать выпадающий текст, необходимо разместить скрипт:

Инструкция по установке и настройке фруктовых ферм (+ скрипт фермы)

 УСТАНОВКА:

1. Загрузите все файлы к себе на сервер/хостинг (кроме базы данных с расширением .sql). Самый удобный способ загрузить архив фермы, а потом его распаковать в корневой каталог сайта.

Воспроизведение gif и аудио при наведении курсора и пауза при выводе

Воспроизведение gif: В данном случае анимированная подмена уже загружена и анимация начинается сразу же при наведении на нее мышью, без тормозов. Стили - css:

Наложение изображения на видео с youtube и открытие по клику

Хотите добавить поверх видеоролика с youtube свою картинку с какой-то дополнительной информацией? Это легко сделать с помощью небольшого кода! Рабочий пример над этим текстом (кликните на изображение).

Таймер обратного отсчёта времени в секундах

Простой пример кода, который визуально производит обратный отсчёт времени в секундах. Простейший пример работы в скриптах обмена визитами или серфинге сайтов...