Читая 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!. Вот и все! Если захотели подробностей, то тут лежит полная документация ( правда на испанском языке
).
Скачать скрипт. Посмотреть пример.




