Pull to refresh

GlassBox — Оформляем в стиле Vista

Reading time1 min
Views789
12313.png

GlassBox является компактной Javascript библиотекой, которая использует Prototype и Script.aculo.us для своих эффектов. В «GlassBox» вы можете построить прозрачные границы, цветные слои и т. п.

Плюсы библиотеки GlassBox:
  • Проста в использовании
  • Опциональна
  • Поддержка простых Ajax функций для динамической загрузки контента
  • Работает в IE 6 + 7, Firefox 2, Opera 9 and Safari 3 (mac + win)
  • Имеет открытый код и распространяется под MIT license

Использование GlassBox:

1. Распакуйте GlassBox.zip. Вставте GlassBox скрипт между тегами «head»:
<script src="glassbox/glassbox.js" type="text/javascript"></script>


2. Создайте в вашем документе блок под GlassBox:
<div id="myGlassboxContent">
<!-- Content -->
</div>


3. Создайте обьект с указаниями размера, и позиционирования:
<script type="text/javascript">
var myGlassBox = new GlassBox();
myGlassBox.init( 'myGlassboxContent', '400px', '300px', 'auto' );
myGlassBox.apos( '290px', '35px' );
</script>


Готово! Пример использования вы можите посмотреть тут — смотреть.

Скачать библиотеку GlassBox

Посетить официальный сайт GlassBox


Источник: Авторский проект — «Чернев.Ру»
Tags:
Hubs:
Total votes 22: ↑16 and ↓6+10
Comments14

Articles