/    Sign up×
Community /Pin to ProfileBookmark

fade in and fade out of a text

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

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@vickers_bitsJun 29.2003 — 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');">
×

Success!

Help @pelegk1 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...