Музыкальная ёлочная ветка для сайта
 | |
| Всех с Наступающим Новым Годом, стал замечать народ подсуетился и стал оформлять свои сайты перед праздником, значит возник и спрос на украшательства. Решил внести свою лепту в общую копилку новогодних плюшек, набросал вот такой музыкальный вариант, не будет занимать много мест (расположение слева сделал для тех у кого сайты с рекламными баннерами и обычно они справа, легко можно поменять на свою картинку под правую сторону) и при клике на изображение проиграет короткая мелодия (всеми знакомая Jingle Bells). P.S. в title можно вписать не поздравление с Новым годом, а напоминание что нужно кликнуть по картинке)). В архиве мелодия (mp3) 455kb и две картинки сделал форматом 150х171 и 200х229 (кому какая подойдёт). Установка: Так как до праздника осталось совсем немного, следовательно и стоять код будет недолго, поэтому можно просто всё вместе поставить в низ первого контейнера (чтобы отображалось на всех страницах и модулях). Заливаем картинку и mp3 в файловый менеджер сайта и здесь указываем путь к ним, и всё. Копируем и ставим вверх сайта и при клике будет музыка: Код <div id="christmas" onclick="soundClick()"> <img src="http://zornet.ru/Aben/Abryn/christmas-1.png" title="С Наступающим Новым Годом!" /> </div> <style> #christmas { display: block; position: fixed; top: 0; left: 0; cursor: pointer; } </style> <script> function soundClick() { var audio = new Audio(); audio.src = 'http://zornet.ru/Aben/Abryn/Jingle_bells.mp3'; audio.autoplay = true; } </script> | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 12 | |
| |
