Разновидности на ефекта
Автор: MontefuckeR
ето го кода всичко съм описал в самия код
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language=javascript>
var a=0
var b=0
var c=0
function pL(){
a++
if(a<=10){
X=window.event.x
Y=window.event.y
tI.filters[0].addpoint(X,Y,55,255,255,255,100)
}
else{
alert("Вече поставихте максимално\nпозволения брой източници на светлина.\nПо-нанатъшно осветяване невъзможно!")
}
};
function osvetime(){
b++
if(b<=10){
ttI.filters[0].addambient(255,255,255,15)
}
else{
alert("неможе повече")
}
};
function conUs(){
c++
if(c<=10){
sX=window.event.x
sY=window.event.y-210
conuss.filters[0].addcone(sX,sY,1,150,50,255,255,255,50,40)
}
else{
alert(" Вече поставихте и 10-те източника на светлина")
}
};
</script>
</head><body leftmargin=0 topmargin=0>
<div onclick="pL()" style="padding:10px; filter:light(enabled=1); cursor:hand;text-align:justify; width:300; height:200; position=absolute; top:0;left:0; background:red" id="tI" >
Това е демонстрация на филтъра light. Когато щракнете с мишката върху елемента Вие
добавяте точков(point) източник на светлина. Максималния брой източници на светлина е 10.
При достигане на лимита на екрана ще се появи предупредително съобщение.</div>
<div onclick="osvetime()" style="filter:light(enabled=1); width=300;cursor:hand;text-align:justify; height:200; position=absolute; top:0;left:305; background:blue" id="ttI" >
Това е демонстрация на филтъра light. Когато щракнете с мишката върху елемента
Вие добавяте равномерно разпределено осветяване върху обекта (тип ambient ).<div style="color:red; background:#ffff00 "> Повторно щракване води до
добавяне на нов източник на светлина, което се визуализира като по-силно осветяване на обекта.
Максималния брой източници на светлина е 10 и при достигане на лимита на екран се появява предупреждение.
</div></div>
<div onclick="conUs()" id="conuss" style="padding:30px; filter:light(enabled=1); width=300;cursor:hand;text-align:justify; height:200; position=absolute; top:210;left:0; background:#00ff00">
Това е последната разновидност на филтъра light, при която се добавя коносовиден източник на
светлина. И тук максималния брой източници е 10.</div>
<div id="infoo" style="overflow:auto; padding:30px; width=300;cursor:hand;text-align:justify; height:200; position=absolute; top:210;left:305; background:#aaaaff">
Щракнете върху кой да е от черните правоъгълници за да наблюдавате ефекта от добавяне на различните разновидности на филтъра light.
Филтрите са приложени върху елемент DIV. Този филтър се използва най-вече при изображения. За да го използвате при
елементи от типа на DIV и SPAN е необходимо да зададете параметри width, height или абсолютно позициониране.
<p align=center><span onclick="infoo.style.visibility='hidden'" style="color:red; font-weight:900">скрий ме</span> </div>
</body>
</html>

