Движущаяся шапка, эффект 3D (jQuery Smart3D)

Категория: Интересное / Дата добавления материала: 14.04.2011, 17:21 Скачать с сервера (66.2 Kb)
Установка: 1) JS Code <script type="text/javascript" src="http://new-info.ucoz.net/js/Smart3D/jquery.smart3d.js"></script> <script type="text/javascript"> $(function() { $('#mindscape').smart3d(500); $('#monsteck_variketch').smart3d(500); }); </script> Значение 500 - это ширина нашей с вами шапки, поэтому не забываем их менять, когда будете устанавливать свою. 2) HTML Code <ul id="mindscape"> <li><img src="fon_1.jpg" /></li> <li><img src="fon_2.png" /></li> </ul> 3) CSS Code #mindscape { width: 400px; height: 225px; overflow: hidden; } #monsteck_variketch { width: 400px; height: 225px; overflow: hidden; } У данного решения существует один большой минус, если первое изображение фона можно обработать в Фотошопе и сжать его размеры, то вот второе изображение фона, должно иметь прозрачность PNG24, из-за чего, данное изображение будет иметь большой вес. Полезный материал ? Посетите сайт автора: http://www.center-dm.ru
Просмотров: 1397 \| Загрузок: 200 \| Комментарии: 1 \| Рейтинг: 0.0/0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]