Fading Text Control

I'm looking for a simple way to perform text transitions.

Like

"Hello Welcome" fades to background color.
"Fading is simple" fades up from background color

Any ideas ?
OhNowISeeAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

rpkhareCommented:
I see that you are using Visual Web Developer 2008. Why not experiment this using Silverlight? Have a look at these links:

http://www.codeproject.com/KB/silverlight/AgDynAnimations.aspx
http://www.primaryobjects.com/CMS/Article71.aspx
0
rpkhareCommented:
If you want to do without using Silverlight, then:
http://www.codeproject.com/KB/scripting/jsfadetext.aspx
0
smokingspacemanCommented:
There are so many ways you can do this.
A really easy way to do this along with so many other effects is to use a javascript library like mootools.
http://demos.mootools.net/Effects#

You download the mootools.js file and create a reference to it in your HTML.

and then in the <head> section of your document put this javascript code
(assuming
1.you have two spans (span1, span2)  positioned on top of each other with the text "hello welcome" and "Fading is simple" respectively.
2.background color is black and initial font color is white)

<script type="text/javascript">
window.addEvent('onload', function() {
       
        //span1
        var myEffect = new Fx.Tween(span1);
	// We change the font-color of the element
	myEffect.start('color', '#000');
 
        //span2
        var myEffect = new Fx.Tween(span2);
	// We change the font-color of the element
	myEffect.start('color', '#fff');
 
});
</script>

Open in new window

0
Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

OhNowISeeAuthor Commented:
I'm using express.

Is that a problem ?
0
OhNowISeeAuthor Commented:
And not c# !
0
OhNowISeeAuthor Commented:
The moo stuff looks good.  Is it free ?

How do I 'create a reference' ?

Can it be used to run continuously ? (A bit like an AdRotator but just fading from one line of text to another)?

0
smokingspacemanCommented:
Yes its free and distributed on MIT license as far as i remember.
This is how you create a reference to an external javascript document in your HTML.
<script type="text/javascript" src="mootools.js"></script>

Well you can't run the script i gave you to make it run continuously. Instead you can use something like this.
http://smoothgallery.jondesign.net/
0
OhNowISeeAuthor Commented:
Hmm now it seems to be getting compilicated !

Is there a webcontrol that will do what I want ?
0
smokingspacemanCommented:
This is not free but will suit your needs.
http://www.telerik.com/products/aspnet-ajax/controls/rotator/overview.aspx

If not you can always look at silverlight.
0
OhNowISeeAuthor Commented:
I've seen a demo for the AJAX Animation extender that looks promising but the code is v2 and I have asp.net 3.5.

Could someone write me a code block ?
Can't find any resources on amination setup.
0
OhNowISeeAuthor Commented:
Hellllllllllllllllllllllllllp !
0
OhNowISeeAuthor Commented:
Ahhh (pulls more hair out) !

Can anyone give me a page with SilverLightMooJavaWhatEver that can solve my problem ?

Maybe I can get away without continuous cycling.  Is there a way to set the fade speed in Moo?
0
OhNowISeeAuthor Commented:
OK back to SmokingSpaceMan !

How do I place spans on top of each other ?

Can you rustle me up a demo page ?

0
OhNowISeeAuthor Commented:
Finally I used JavaScript from this site

http://www.greywyvern.com/code/js/fade
0
Computer101Commented:
PAQed with points refunded (500)

Computer101
EE Admin
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ASP.NET

From novice to tech pro — start learning today.