Click to See Complete Forum and Search --> : fade in and fade out of a text


pelegk1
06-29-2003, 02:41 AM
i want to make my text fade in and fade out
in "circle" (to dissappear and then to come back and so on...)
does any 1 know's how to do it?
thanks in advance
Peleg

vickers_bits
06-29-2003, 06:20 AM
although i would not recomment it unless in a browser controlled environment, you could try using filters (ie4+ only)

<style type="text/css">
.AlphaFilter{filter:Alpha(Opacity="0",FinishOpacity="75",Style="2");}
</style>
<script type="text/javascript" language="javascript"><!--
function applyFilter(img,filter){
obj=document.all[img];
obj.className=(obj.className=="") ? filter : "";
};
//--></script>

The Alpha visual filter can be used to set the opacity of an object, either the whole image, or a gradient region.

Opacity - Opacity level, 0-100, where 0 is transparent, 100 is fully opaque
FinishOpacity - Optional finish opacity level, 0-100, 0 is transparent, 100 is fully opaque
Style - values can be 0 (uniform), 1 (linear), 2 (radial) or 3 (rectangular)
StartX - X coordinate for start of opacity gradient
StartY - Y coordinate for start of opacity gradient
FinishX - X coordinate for finish of opacity gradient
FinishY - Y coordinate for finish of opacity gradient

<img id="imgAlpha" src="myImage" width="240" height="122" onmouseover="applyFilter('imgAlpha','AlphaFilter'); return true;" onmouseout="applyFilter('imgAlpha','AlphaFilter');">