Портал для веб-мастера
Вход пользователей
Поиск статей
WoWeb.ru » Статьи » Программирование для Web » DHTML

Фильтры DHTML

В этой сатье мы рассмотрим все dhtml фильтры, которые поддерживаются IE.

В данный момент доступны:
Alpha
Blur
Chroma
Drop Shadow
Glow
Invert
Light

Фильтр Alpha

Фильтр Alpha устанавливает уровень прозрачности


Синтаксис:
filter:Alpha(Opacity=0-100, FinishOpacity=0-100, Style=0|1|2|3, StartX=pixels, StartY=pixels, FinishX=pixels, FinishY=pixels)

Параметры:

Атрибут

Описание

Style

0 - Uniform
1 - Linear
2 - Radial
3 - Rectangular
регулирует стиль градиента

Opacity

Начальный уровент прозрачности в процентах

FinishOpacity

Конечный уровент прозрачности в процентах

StartX

Начальная координата по Х для градиента Linear

StartY

Начальная координата по Y для градиента Linear

FinishX

Конечная координата по Х для градиента Linear

FinishY

Конечная координата по Y для градиента Linear


 

Фильтр Blur

Фильтр Blur смазывает изображение

Синтаксис:

filter:Blur(Add=true|false, Direction=0|45|90|135|180|225|270|315, Strength=pixels)

 

Параметры:

Атрибут

Описание

Add

принимает значение true или false

Direction

устанавливает направление смазывания
0 - Вверх
45 - Вверх и вправо
90 - Вправо
135 - Вниз и вправо
180 - Вниз
225 - Вниз и влево
270 - Влево
315 - Вверх и влево

Strength

количество пикселей на которые будет распостроняться смазывание


Фильтр Chroma

Фильтр Chroma делает заданный цвет прозрачным

Синтаксис :

filter:Chroma(Color=color)




Параметры:

Атрибут

Описание

Color

любой именованный цвет или заданный как #RRGGBB


 

Фильтр Drop Shadow

Фильтр Drop Shadow создает эффект подвешенности в воздухе

Синтаксис:

filter:DropShadow(Color=color, OffX=pixels, OffY=pixels, Positive=true|false)



Параметры:

Атрибут

Описание

Color

цвет тени, любой именованный цвет или заданный как #RRGGBB

OffX

смещение тени по Х

OffY

смещение тени по Y

Positive

принимает значение true или false


 

Ресурсы DHTML
 

Фильтр Glow

Фильтр Glow создает свечение

Синтаксис:

filter:Glow(Color=color, Strength=1—255)



Параметры:

Атрибут

Описание

Color

цвет свечения, любой именованный цвет или заданный как #RRGGBB

Strength

интенсивность свечения


 

Ресурсы DHTML
 

Фильтр Invert

Фильтр Invert инвертирует цвета

Синтаксис:

filter:Invert()



Фильтр Light

Фильтр Light добавляет световые эффекты, является очень специфическим фильтром, так как простое его применение делает объект черным.

Синтаксис:

filter:light()


Чтобы применить фильтр Light, нужно воспользоваться одним из следующих методов:

AddAmbient(R,G,B,strength)

Добавляет "окружающий" источник света к изображению. Этот вид света является не направленным и освещает все изображение.

Синтаксис:

object.filters.light.addAmbient(R,G,B,strength)

где R, G и B значения от 0 до 255 определяющие цвет света и strength значение, определяющее количество света, то есть его силу.




AddCone(x1,y1,z1,x2,y2,R,G,B,strength,spread)

Добавляет "конусообразный" источник света к изображению. Этот вид света является направленным и освещает только определенный участок изображения.

Синтаксис:

object.filters.light.addCone (x1,y1,z1,x2,y2,R,G,B,strength,spread)

где x1, y1,z1 устанавливают положение источника света, x2 и y2 устанавливают координаты, которых достигает свет, R, G и B значения от 0 до 255 определяющие цвет света, strength значение определяющее количество света, и spread определяет угол распространения (от 0 до 90 градусов).



AddPoint(x,y,z,R,G,B,strength)

Добавляет "точечный" источник света к изображению.

Синтаксис:

object.filters.light.addPoint(x,y,z,R,G,B,strength)

где x, y и z (чем больше z, тем больше диаметр точки) устанавливают координаты источника света, R, G и B значения от 0 до 255 определяющие цвет света, strength значение определяющее количество света.



Добавлена: 2002-09-20
Просмотров: 4175 · Рейтинг: 2.8

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Категории раздела
Flash
Apache
WWW
PhotoShop
Веб-дизайн
Раскрутка и реклама
Базы данных
3D графика
Хостинг
Истории веб-мастеров
Web-технологии
Сетевая безопасность
Программирование для Web
Операционные системы

Новые статьи
Лучшие статьи
Популярные статьи
Комментируемые статьи
Разделы сайта
Скрипты
Статьи
Шрифты
Флэш исходники
HTML шаблоны
Партнерки
Клипарты
Смайлы
Фоны
Гифы
Иконки
Опрос сайта
Есть ли у вас свой сайт?
Всего ответов: 140892
Наша кнопка
WoWeb.ru - портал для веб-мастера