Осветление картинки при наведении мышки.
Пример
.
B BODY:
<img src="primer/img/img.jpg" style="filter:alpha(opacity=100)" onmouseover="nereidFade(this,40,60,10)" onmouseout="nereidFade(this,100,60,30)" border="0"> <script> nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return;//osw } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object;//fantasyflash.ru nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } }</script>
Привращение картинки при наведении мышки из чёрно-белой в цветную.
Пример
.
B BODY:
<a href="index.html"><img src="primer/img/img.jpg" border=0 style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'"></a>
Трясущаяся картинка.
Пример
.
B HEAD:
<style> .myimage{ position:relative }</style>
B BODY:
<script language="JavaScript1.2"> var rector=2 var stopit=0 var a=1 function init(which){ stopit=0//osw shake=which shake.style.left=2 shake.style.top=2 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return//fantasyflash.ru if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",65) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script> <a href="INDEX.HTML"><img src="primer/img/img.jpg" class="myimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" border=0></a>
Прозрачная картинка.
Пример
.
B BODY:
<img src="primer/img/img.jpg" style="filter:alpha(opacity=35)" onmouseover="nereidFade(this,100,60,15)" onmouseout="nereidFade(this,35,60,10)" border="0"> <script> nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return;//osw } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object;//fantasyflash.ru nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } }</script>
Сайт управляется системой
uCoz