Недавно обнаружили весьма интересную javascript библиотеку Glassbox. С ее помощью можно создавать прозрачные рамки, цветные полупрозрачные слои и различные визуальные эффекты, такие как плавное появление и исчезновение слоев.
Эта библиотека весьма компактна и включает в себя библиотеки Prototype и Script.aculo.us.
К основным плюсам библиотеки можно отнести:
* Легкость использования; * Кроссбраузерность (Работает в IE6+ , FF2, Opera 9, Safari 3); * Возможность использования XMLHttpRequest для динамической подгрузки содержимого; * Продукт является Open source - с открытым исходным кодом, что позволяет подробно изучить библиотеку.
Использование
Для начала скачиваем архив с библиотекой и подключаем ее в заголовок:
Затем создаем новый объект и передаем ему параметры id, width (ширина), height(высота) и overflow (переполнение), затем позиционируем, устанавливая отступы слева и сверху используя метод apos (Подробнее можно посмотреть в документации на английском):
<script type="text/javascript"> var myGlassBox = new GlassBox(); myGlassBox.init( 'myGlassboxContent', '400px', '300px', 'auto' ); myGlassBox.apos( '290px', '35px' ); </script>
