How to: javascript fade in fade out text

javascript fadein fadeout
Keith Groben picture Keith Groben · Feb 2, 2011 · Viewed 34.6k times · Source

First of all: I looked through other posts on stackoverflow and none of them had the information I was looking for.

Second: I'm new to programming ;)

I want to have a div on my website that fades in and fades out text. I've seen this on a few web sites and am pretty sure it is javaScript using the jQuery library.

Does anyone know of a good tutorial, or can tell me how to accomplish this?

Answer

limc picture limc · Feb 2, 2011

Here you go :)

http://api.jquery.com/category/effects/

Click on the effects you want, there are demos you can click around and copy the code from.

Another good one is Scriptaculous. There are bunch of demos there too.

Related questions

jQuery fadeIn fadeOut with click

I'm trying to make a div fadeIn when another div is clicked and fadeOut again when another div is clicked (which would be the close button) but my code doesn't work, did I forget something? Here's the CSS: body{ margin: 0; …

Read More
Fade in jquery div show

I am trying to get the below script to fade in and fade out with a delay in between. It shows the div correctly and fades out as it should, but it doesn't fade in? <?php if(isset($_GET[…

Read More
Fade in fade out in javascript

I continue the work on: https://codereview.stackexchange.com/questions/7315/fade-in-and-fade-out-in-pure-javascript What is the best way to detect if the fade in or fade out is completed before setting a new function. This is my way, but I guess there …

Read More