|
Наверняка Вы встречали сайты,
где счетчики и баннеры выглядят
полупрозрачными... Так вот, делается это с
помощью следующего кода:
1.Вставляем скрипт
между тегами: <head> и </head>.
<script language="javascript">
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;
}
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;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>
2.Далее вставляем код после (.........width="88" height="31"
border=0 место вставки><a ) : style="FILTER: alpha(opacity=15)"
onMouseOver=nereidFade(this,100,20,5) onMouseOut=nereidFade(this,15,20,5)
3.Получается вот
так: <a href="http://too-design.narod.ru">
<img border="0" src="http://too-design.narod.ru/banners/too_b2.gif" width="88" height="31" style="FILTER: alpha(opacity=15)"
onMouseOver=nereidFade(this,100,20,5) onMouseOut=nereidFade(this,15,20,5)></a>
Пример: |
