Красота не описуемая..
Эффект отражения на воде
Код:
<a href="http://fantasyflash.ru"><img id=osw src="http://fantasyflash.ru/avatar/ava_cat/image/cat10.jpg" border=0></a><br>
<SCRIPT language=JavaScript1.2>
function folly(){
setInterval("mdiv.filters.wave.phase+=15 ",100);//osw
}
if (document.all){
document.write('<img id=mdiv src="'+document.all.osw.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=20) blur() flipv()">')
window.onload=folly //fantasyflash.ru
}
</SCRIPT>Осветление картинки при наведении мышки
Код:
<img src="http://fantasyflash.ru/avatar/ava_cat/image/cat28.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>Особенное осветление картинки-ссылки
Код:
<style type="text/css">
a:hover{
FILTER: Alpha(Opacity=70, FinishOpacity=6, Style=2); COLOR: red; HEIGHT: 10px; TEXT-DECORATION: none;}
a{color:#FF00CC; text-decoration:none; }
</style>эффект увеличения яркости картинки
Код:
<img src="http://fantasyflash.ru/avatar/ava_cat/image/cat25.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>черно-белые картинки
Код:
<a href="http://fantasyflash.ru"><img src="http://fantasyflash.ru/avatar/ava_cat/image/cat31.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>
смена картинки-ссылки на другую при наведении мыши
Код:
<script language="JavaScript">
if (document.images) {
img1on = new Image();
img1on.src ="http://fantasyflash.ru/avatar/ava_cat/image/cat15.jpg";
img1off = new Image();
img1off.src = "http://fantasyflash.ru/avatar/ava_cat/image/cat14.jpg";
}
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src"); }}//osw
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src"); }}
</script>
<a href="http://fantasyflash.ru" onmouseover="imgOn('img1')"; onmouseout="imgOff('img1')" >
<img src="http://fantasyflash.ru/avatar/ava_cat/image/cat15.jpg" border="0" name=img1></a>
</center>эффект проявления картинок друг за другом
Код:
<SCRIPT language=JavaScript1.2>
pic= new Array()
pic[0] = "<img src=http://fantasyflash.ru/avatar/ava_cat/image/cat31.jpg>"
pic[1] = "<img src=http://fantasyflash.ru/avatar/ava_cat/image/cat25.jpg>"
var i_pic= 0
var timer
function ols() {
if (document.all) {
contentt.filters[0].apply()
contentt.innerHTML = pic[i_pic]
contentt.filters[0].play()//osw
if (i_pic>= pic.length-1) {
i_pic= 0
}
else {
i_pic++
}
}
<!--fantasyflash.ru-->
if (document.layers) {
document.nn.document.write("<table border=0><tr><td align=center>"+pic[i_pic]+"</td></tr></table>")
document.close()
if (i_pic>= pic.length-1) {
i_pic= 0
}
else {
i_pic++
}
}
timer = setTimeout("ols()",5020)
}
</SCRIPT>
<DIV id=contentt
style="FILTER: revealTrans(Transition=12, Duration=3); POSITION: absolute; LEFT: 350px;"></DIV>
переворачивающиеся картинки-ссылки
<style>
A:hover IMG {
FILTER: flipV
}</style>Отредактировано В.Редная (06-01-2009 17:22:58)
