-Back to main Page-

dHTML ТХКЭРПШ

аНКЭЬХМЯРБН МХФЕОПХБЕДЕММШУ ОПХЛЕПНБ ЯЛНЦСР ПЮАНРЮРЭ РНКЭЙН Б IE 4.x Х БШЬЕ.

 

рЕЙЯР

цПЮТХЙЮ

 Mask - бШДЕКЪЕР РЕЙЯР
 Shadow - яСОЕП РЕМЭ
 FlipH - оЕПЕБНПЮВХБЮЕР РЕЙЯР
 FlipV - оЕПЕБНПЮВХБЮЕР РЕЙЯР
 Glow - яХЪЧЫХИ РЕЙЯР
 Wave - бНКМХЯРШИ РЕЙЯР
 DropShadow - нЫЕ НДХМ БХД РЕМХ
 Alpha - нЯБЕРКЪЕР ПХЯСМНЙ
 Blur - пЮГЛЮГШБЮЕР ЙЮПРХМЙС
 Invert - су!
 Gray - пХЯСМНЙ ДЕКЮЕР ВЕПМН-АЕКШЛ
 Chroma - нОПЕД. ЖБЕР ДЕК. ОПНГПЮВМ.
 XRay - яБЕРКН-ВЕПМН-АЕКШИ ЖБЕР
 RevealTrans - пХЯСМНЙ ОПНЪБКЪЕРЯЪ


тХКЭРПШ ОПХЛЕМЪЕЛШЕ Й РЕЙЯРС

тХКЭРП Mask

тХКЭРП Mask БШДЕКЪЕР НАЗЕЙР,ЙЮЙ АСДРН АШ БШ БШДЕКХКХ ЕЦН ЛШЬЭЧ.
яХМРЮЙЯХЯ:
STYLE="filter:Mask(Color=color)" color - ЖБЕР БШДЕКЕМХЪ(#ff0000)
оПХЛЕП:

<style type="text/css">
.MaskFilter{filter:Mask(Color=ff0000)}
</style>
<div class="MaskFilter" STYLE="width:360;height:30;font:bold 16pt;> яПЕДХ БЯЕУ Ъ ЯЮЛЮЪ БШДЕКЕММЮЪ</div>

яПЕДХ БЯЕУ Ъ ЯЮЛЮЪ БШДЕКЕММЮЪ


тХКЭРП Shadow

тХКЭРП Shadow ДЕКЮЕР НАЗЕЙРС РЕМЭ
яХМРЮЙЯХЯ:
filter:Shadow(Color=color, Direction=direction) color - ЖБЕР РЕМХ.
Direction - (НР 0 ДН 315)МЮОПЮБКЕМХЕ РЕМХ.

<style>
.pr2{filter:Shadow(Color="#000000", Direction="150")}
</style>
<div class="pr2" style="width:200;height:30;font:16pt;color:red;">ъ ЯЮЛЮЪ РЕМЕБЮЪ</div>

тХКЭРП FlipH

тХКЭРП FlipH ОЕПЕБНПЮВХБЮЕР НАЗЕЙР ЦНПХГНМРЮКЭМН.
яХМРЮЙЯХЯ:
STYLE="filter:FlipH"
оПХЛЕП:

<style type="text/css">
.pr3{filter:FlipH;}
</style>
<div class="pr3" style="width:200;height:30;font:16pt;color:red;">ъ ЯЮЛЮЪ ОЕПЕБЕПМСРЮЪ</div>


ъ ЯЮЛЮЪ ОЕПЕБЕПМСРЮЪ


тХКЭРП FlipV

тХКЭРП FlipV ОЕПЕБНПЮВХБЮЕР НАЗЕЙР БЕПРХЙЮКЭМН.
тХКЭРП Glow

я ОНЛНЫЭЧ ТХКЭРПЮ Glow БЮЬ НАЕЙР ГЮЯХЪЕР.
яХМРЮЙЯХЯ:
STYLE="filter:Glow(Strength=strength, Color=color;)" color - ЖБЕР ЙНРНПШЛ ГЮЯХЪЕР РЕЙЯР.
strength - ЯХКЮ Я ЙНРНПНИ НМ ГЮЯХЪЕР(0-100)

оПХЛЕП: <style type="text/css"> .pr4{filter:Glow(Strength=3, Color="#ff0000")} </style> <div class="pr4" style="width:200;height:20;font:bold 16pt;color:gold"> ъ ЯЮЛЮЪ ЯХЪЧЫЮЪ

 ъ ЯЮЛЮЪ ЯХЪЧЫЮЪ



тХКЭРП Wave

тХКЭРП Wave ДЕКЮЕР НАЗЕЙР БНКМХЯРШЛ.
яХМРЮЙЯХЯ: filter: Wave( Freq=freq, Add=add, LightStrength=strength, Phase=phase, Strength=strength) Freq - ВХЯКН БНКМ
Add - МЕГМЮЧ :(
LightStrength - ЯХКЮ БНКМШ
Phase - СЦНК БНКМШ
Strength - ХМРЕМЯХБМНЯРЭ БНКМШ
оПХЛЕП:

<style>
.pr5{filter:Wave(Freq=5, Add=0, LightStrength=1, Phase=2, Strength=2)}
</style>
<div class="pr5" style="width:400;height:30;font:26pt;color:red;">ъ ЯЮЛЮЪ БНКМХЯРЮЪ</div>


бНР ВРН ОНКСВХКНЯЭ:

тХКЭРП DropShadow

тХКЭРП DropShadow ДЕКЮЕР РЕМЭ Й РЕЙЯРС.
яХМРЮЙЯХЯ:

STYLE="filter:DropShadow(Color=color, OffX=Offx, OffY=Offx, Positive=positive)" Color - жБЕР РЕМХ(#ff0000)
OffX - яЛЕЫЕМХЕ РЕМХ ОН X
OffY - яЛЕЫЕМХЕ РЕМХ ОН Y
Positive - гМЮВЕМХЕ ХКХ 0, ХКХ 1.

оПХЛЕП:

ъ ЯЮЛЮЪ НРРЕМХЯРЮЪ



тХКЭРПШ ОПХЛЕМЪЕЛШЕ Я ЦПЮТХЙНИ

бНГЭЛЕЛ КЧАСЧ ЙЮПРХМЙС

ю РЕОЕПЭ ОПХЛЕМХЛ Й МЕЛС ТХКЭРПШ:
тХКЭРП Alpha

тХКЭРП Alpha НЯБЕРКЪЕР НАЗЕЙР.
яХМРЮЙЯХЯ: STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=X, StartY=Y, FinishX=X, FinishY=Y)"

Opacity - ЯРЕОЕМЭ НЯБЕРКЕМХЪ(0-100. 0 ЯБЕРКН, 100 РЕЛМН).
FinishOpacity - ЙНМЕВМЮЪ ЯРЕОЕМЭ НЯБЕРКЕМХЪ(0-100. 0 ЯБЕРКН, 100 РЕЛМН).
Style - вХЯКН 0(???), 1(КХМХЪ) 2(ЙПСЦ) 3(ОПЪЛНСЦНКЭМХЙ)
оПХЛЕП:

<style>
.gr{filter:Alpha(Opacity="90",FinishOpacity="45",Style="3")}
</style>
<img class="gr1" src="a2.gif">

вРН С МЮЯ ОНКСВХКНЯЭ:


тХКЭРП Blur

тХКЭРП Blur ПЮГЛШБЮЕР ПХЯСМНЙ Б НОПЕДЕКЕММСЧ ЯРНПНМС. яХМРЮЙЯХЯ:
STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)" Add - хКХ 0, ХКХ 1.
Direction - нР 0 ДН 315 - Б ЙЮЙСЧ ЯРНПНМС ОПНХГНИДЕР ПЮГЛШРХЕ.
Strength - яЛЕЫЕМХЕ
оПХЛЕП:

<style>
<.gr2{filter:Blur(Add="1",Direction="310",Strength="10")}
</style>
<img class="gr2" src="a2.gif">

вРН ОНКСВХКНЯЭ:


тХКЭРП Invert

яХМРЮЙЯХЯ:
STYLE="filter:Invert"
оПХЛЕП:

<style>
.gr3{filter:Invert}
</style>
<img class="gr3" src="a2.gif">

вРН ОНКСВХКНЯЭ:


тХКЭРП Gray

тХКЭРП Gray ДЕКЮЕР ПХЯСМНЙ ВЕПМН-АЕКШЛ
яХМРЮЙЯХЯ:
STYLE="filter:Gray"

оПХЛЕП:

<style>
.gr4{filter:Gray}
</style>
<img class="gr4" src="a2.gif">


тХКЭРП Chroma

тХКЭРП Chroma НОПЕДЕКЕММШИ ЖБЕР ОПНГПЮВМШЛ.
яХМРЮЙЯХЯ: STYLE="filter:Chroma(Color = color)"

Color - ЖБЕР(#ff0000)
оПХЛЕП:

<style>
.gr5{filter:Chroma(Color ="#d1914e")}
</style>
<img class="gr5" src="a2.gif">



тХКЭРП Xray

яХМРЮЙЯХЯ:
STYLE="filter:Xray" оПХЛЕП:

<style>
.gr6{filter:Xray}
</style>
<img class="gr6" src="a2.gif">

вРН С МЮЯ ОНКСВХКНЯЭ:


б МЮВЮКН