Красивый Alert Box на MooTools

Читая RSS-ленты наткнулся на очень симпотичный alert box, которой заменяет стандартные alert’ы.

Итогом всех изменений будет то, что вы видите на картинке выше. Alert будет появляться поверх всех элементов с довольно-таки красивой анимацией.

Установка срипта.

Все что нужно - скачать скрипт и распаковать его. Затем подключаем скрипты после тега таким образом:

<script src="mootools.js" type="text/javascript"></script>
<script src="sexyalertbox.v1.js" type="text/javascript"></script>

И еще добавить путь к CSS:

<link rel="stylesheet" href="sexyalertbox.css" type="text/css" media="all" />

Ну и соответственно, если вы хотите поменять оформление этих alert’ов то надо редактировать именно этот CSS.

HTML код

Добавим следующий код:

<script type="text/javascript">
window.addEvent('domready', function() {
Sexy = new SexyAlertBox();
});
</script>

Для примера создадим ссылку, по которой будет появляться alert с сообщение Nice!.

<a href="#" onclick="Sexy.alert('Nice!'); return false;">Показать симпотичный alert!</a>

Теперь, нажав на эту ссылку появитсся alert поверх всех элнментов с сообщением Nice!. Вот и все! Если захотели подробностей, то тут лежит полная документация ( правда на испанском языке :) ).

Скачать скрипт.                     Посмотреть пример.

Оставьте свой отзыв!

XHTML:
Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>