2015-06-30
319
<IMG src="phantom.jpg" style="filter:wave(strength=15, Freq=2, Phase=100, LightStrength=0)">
· Статические фильтры.
blendTrans – увеличиваетили уменьшает контрастность изображения объекта.
Свойство:
duration – определяет интервал времени в милисекундах.
Методы:
applay() – замораживает видимое в данный момент изображение элемента и позволяет применить значения параметров перехода и самого элемента, не требуя самого перехода.
play() – выполняет переход после переустановки необходимых параметров.
stop() – останавливает выполнение перехода для элемента в любой момент времени.
RevealTrans – выполняет переходы из одного видимого состояния в другое различными способами.
Свойства:
duration – определяет длительность перехода.
Transition – может иметь целое значение от 0 до 23 и определяет тип перехода.
| Номер фильтра | Тип превращения | |
| Box In | стягивающийся прямоугольник | |
| Box Out | расширяющийся прямоугольник | |
| Circle In | стягивающийся круг | |
| Circle Out | расширяющийся круг | |
| Wipe Up | стирание вверх | |
| Wipe Down | стирание вниз | |
| Wipe Right | стирание вправо | |
| Wipe Left | стирание влево | |
| Vertical Blinds | вертикальные жалюзи | |
| Horisontal Blinds | горизонтальные жалюзи | |
| Checkerboard Across | «сужающиеся» клетки шахматной доски | |
| Checkerboard Down | «закрывающаяся» шахматная доска | |
| Random Dissolve | случайный наплыв | |
| Split Vertical In | вертикальное деление внутрь | |
| Split Vertical Out | вертикальное деление наружу | |
| Split Horisontal In | горизонтальное деление внутрь | |
| Split Horisontal Out | горизонтальное деление наружу | |
| Strips Left Down | стирание влево-вниз | |
| Strips Left Up | стирание влево-вверх | |
| Strips Right Down | стирание вправо-вниз | |
| Strips Right Up | стирание вправо-вверх | |
| Random Bars Horisontal | случайно расположенные полосы по горизонтали | |
| Random Bars Vertical | случайно расположенные полосы по вертикали | |
| Random selection of 0-22 | случайный выбор из предыдущих |
Визуальные фильтры - это новое расширение IE 4.0, которое позволяет легко и просто изменять видимое отображение содержания HTML страницы. Фильтр назначается объекту через аттрибут filter во множестве style. Значение свойства filter - строка, которая описывает желаемый фильтр, способ написания которой очень похож на вызов функции. Синтаксис этой строки таков:
|
|
|
filter: filtername(properties)
Здесь, filtername - имя фильтра, а properties - свойства.
Вот пример применения фильтра к объекту <IMG>
<IMG SRC="..//somepicture.gif" STYLE="filter: blur(strenght=50)">
В этом примере применяется фильтр с именем blur, который создает эффект движения. При этом, у него в параметрах стоит строка strenght=50, которая обозначает силу эффекта равную пятидесяти. Вы также можете применить одновременно несколько фильтров. Следующие пример расширяет предыдущий, заставляя картинку перевернуться кверх ногами:
|
|
|
<IMG SRC="..//somepicture.gif" STYLE="filter: blur(strenght=50) flipv()">
Каждый фильтр имеет набор опциональных аттрибутов, которые указывают способ применения этого фильтра. Некоторые фильтры, такие как flipv и fliph, отражающие картинку соответственно по вертикали и по горизонтали, не имеют аттрибутов. Применение одновременно большего числа фильтров делается способом, как показано в примере выше.
