- 08, Apr 2023
- #1
Искал и нашел вот такие игрушки...решил с Вами поделиться, вдруг кто нить надумает тоже разукрасить свой сайт к празднику
Вообщем нашел елочные шарики, которые двигаются при наведении на них мышкой, и не просто двигаются а ещё и издают звук.
Это украшение взято со страницы входа в почту Яндекса, а находчивый программист в исходном коде сделал комментарий для этой веточки вот так и повелось.
В интернете уже есть несколько похожих статей, однако все они без звука и файлы грузятся с Яндекса - тут же всё локально.
Разбирался признаюсь довольно долго Установка: Разметка HTML Вот этот код вставляем после тега body: Скрытая информация :: Авторизуйтесь для просмотра »
CSS
Подключаем файл стилей шариков:
В CSS стилях возможно придется слегка вам подправить значения ширины, margin, top, чтобы выровнять расположение новогодней мотни на страничке.
javascript ( Куда без него! )
Тут подключаем jQuery, swfobject и скрипт:
Если у вас нет звука поправьте путь в файле newyear.js до файла ny2012.swf: ( либо просто киньте его в корень сайта, так как в данный момент он указан так /ny2012.swf)
function f() {
var i = "/clientscript/new_year/ny2012.swf";
Ну вот и все!
Скрытая информация :: Авторизуйтесь для просмотра »
Скрытая информация :: Авторизуйтесь для просмотра »
Это украшение взято со страницы входа в почту Яндекса, а находчивый программист в исходном коде сделал комментарий для этой веточки вот так и повелось.
В интернете уже есть несколько похожих статей, однако все они без звука и файлы грузятся с Яндекса - тут же всё локально.
Разбирался признаюсь довольно долго Установка: Разметка HTML Вот этот код вставляем после тега body: Скрытая информация :: Авторизуйтесь для просмотра »
CSS
Подключаем файл стилей шариков:
В CSS стилях возможно придется слегка вам подправить значения ширины, margin, top, чтобы выровнять расположение новогодней мотни на страничке.
javascript ( Куда без него! )
Тут подключаем jQuery, swfobject и скрипт:
Если у вас нет звука поправьте путь в файле newyear.js до файла ny2012.swf: ( либо просто киньте его в корень сайта, так как в данный момент он указан так /ny2012.swf)
function f() {
var i = "/clientscript/new_year/ny2012.swf";
Ну вот и все!
Скрытая информация :: Авторизуйтесь для просмотра »
Скрытая информация :: Авторизуйтесь для просмотра »
![[Габани Л., Алеев Б.] Фотопортфолио за 21 день](/assets/images/icons/forum2.png){kind=icon}
![[Александр Палиенко] Взаимосвязь - здоровье, деньги, богатство, отношения](/assets/images/icons/forum0.png){kind=icon}
![[melannet] Марафон Красоты И Здоровья (продвинутый)](/assets/images/icons/forum3.png){kind=icon}
