проститутки днепр

Статті на AllWeb.com.ua

HTML, CSS, JavaScript, PHP, MySQL, …

Інфо

Тут ви знайдете найкращі статті на теми: основи юзабіліті, SEO, створення і розкрутка сайтів, (X)HTML, CSS, XML, веб-програмування (JavaScript, PHP, JSP, …), бази даних, тощо.

Статья рассчитана на знания начального уровня, так как любой профессионал сделает это в два счета.

Итак,  определимся, что такое mootools. Это компактная, модульная, объектно-ориентированная javascript библиотека эффектов модного сейчас стандарта web 2.0.
Она позволяет создавать эффективный, гибкий и кроссбраузерный код элементов интерфейса. Все параметры и функции хорошо документированы на сайте разработчика http://mootools.net/.

Библиотека совместима с большинством браузеров, будь то Safari, Internet explorer 6 и 7, Firefox, Opera и Camino.

Первым этапом будет получение этой самой библиотеки. На сайте mootools скачивание организовано в виде конструктора и заключается оно в том, что вы набираете в библиотеку только нужные процедуры и функции, которые будете использовать в работе. Все дальнейшее повествование я буду вести для элемента Fx.Elements. Собранная мною библиотека отказалась работать, по-видимому из-за отсутствия какой-то процедуры, которую конструктор не включил. Поэтому я пересобрал ее вручную. Если у вас также не получится ее собрать для этого элемента, ее можно взять тут.

Далее идем на демо сайт и берем оттуда js код, html код и css код.
Далее эти куски кода надо вставить в шаблон:
Между тегами <head></head> вставляем

<script type=”text/javascript” src=”mootools.js”></script>

Таким образом мы подключаем библиотеку mootools.
Ниже вставляем js код, обрамляя его в теги <script type=”text/javascript”> </script>

ВНИМАНИЕ! Во всех примерах на сайте mootools допущена ошибка в js коде. В конце кода упущены закрывающиеся скобки });

Далее вставляем css код, обрамляя его в теги <style> </style>

Наконец, в нужном месте html документа вставляем html код элемента.
Все, должно работать. В качестве примера можно посмотреть верхнее меню на моем сайте.

Теперь немного о параметрах, которые можно менять в js коде.
1) duration:  – время в мс слайдинга элементов
2) transition:  – эффект слайдинга
Этих эффектов куча, все их можно посмотреть здесь.

Аналогично можно применять остальные функции библиотеки mootools, общая концепция будет такая же.

ZevS © 01/2008

Comments are closed.


проститутки одесса