Скрипт для ucoz Классная выезжающая панель на Mootools - Скрипты для ucoz - скрипты для ucoz, шаблоны для ucoz Ucoz-Scripts.RU Скачать скрипты для ucoz,шаблоны для uCoz
Здравствуйте. Изучив этот урок, Вы научитесь делать компактную выплывающую панель для сайта. Разрабатывать ее мы будем с помощью Mootools, ну и конечно же не обойдемся и без CSS-стилей, которые будут играть здесь роль дизайнинга панели.
Шаг 1. HTML-конструкция панели
Вместо содержимого панели, которое есть в демонстрации урока, я решил оставить пустое место и даже в коде указал Вам, где должно находиться Ваше содержимое. Думаю, вставить туда что-то свое не составит для Вас большого труда. Ниже я привожу код всей HTML-конструкции, который вы должны использовать в качестве шаблона панели:
Отлично, теперь нам нужно подключить библиотеку Mootools. Думаю, с этим Вы уже не раз встречались, однако для новичков объясняю, что нижеприведенный код нужно разместить между тегами <head> и </head>:
Ну, и наконец в последнем пункте нашей работы необходимо вставить нижеприведенный Java-скрипт, прямо перед закрытием тега head::
Code
<script type="text/javascript">
window.addEvent('domready', function(){ var mySlide = new Fx.Slide('top-panel'); mySlide.hide(); $('toggle').addEvent('click', function(e){ e = new Event(e); mySlide.toggle(); }); });
