HTML Text fade In and Out

buckmajor Active Member

Messages:: 574

Likes Received:: 3

Best Answers:: 0

Trophy Points:: 58

#1

Hi there

Can you have html text fade in once without using flash?
I tried looking online, even javascript but found nothing.

Thanks in advance
CHEERS

Last edited: Aug 13, 2009

buckmajor, Aug 13, 2009 IP

togu25 Peon

Messages:: 157

Likes Received:: 1

Best Answers:: 0

Trophy Points:: 0

#2

i have seen what you mean in google,but i forgot the address.You can searching in google.You will find what you need.

togu25, Aug 13, 2009 IP

buckmajor Active Member

Messages:: 574

Likes Received:: 3

Best Answers:: 0

Trophy Points:: 58

#3

Cool! Thanks. I found one but need to have it fade in once.
Javascript code

<script language="JavaScript">

function setupFadeLinks() {
arrFadeTitles[0] = "Website design and Web development in Brisbane, Australia. We deliver online business solutions and offer hosting for clientele at affordable price.";
}

// You can also play with these variables to control fade speed, fade color, and how fast the colors jump.

var m_FadeOut = 255;
var m_FadeIn=0;
var m_Fade = 0;
var m_FadeStep = 3;
var m_FadeWait = 1600;
var m_bFadeOut = true;

var m_iFadeInterval;

window.onload = Fadewl;

var arrFadeLinks;
var arrFadeTitles;
var arrFadeCursor = 0;
var arrFadeMax;

function Fadewl() {
m_iFadeInterval = setInterval(fade_ontimer, 10);
arrFadeLinks = new Array();
arrFadeTitles = new Array();
setupFadeLinks();
arrFadeMax = arrFadeLinks.length-1;
setFadeLink();
}

function setFadeLink() {
var ilink = document.getElementById("fade_link");
ilink.innerHTML = arrFadeTitles[arrFadeCursor];
ilink.href = arrFadeLinks[arrFadeCursor];
}

function fade_ontimer() {
if (m_bFadeOut) {
m_Fade+=m_FadeStep;
if (m_Fade>m_FadeOut) {
arrFadeCursor++;
if (arrFadeCursor>arrFadeMax)
arrFadeCursor=0;
setFadeLink();
m_bFadeOut = false;
}
} else {
m_Fade-=m_FadeStep;
if (m_Fade<m_FadeIn) {
clearInterval(m_iFadeInterval);
setTimeout(Faderesume, m_FadeWait);
m_bFadeOut=true;
}
}
var ilink = document.getElementById("fade_link");
if ((m_Fade<m_FadeOut)&&(m_Fade>m_FadeIn))
ilink.style.color = "#" + ToHex(m_Fade);
}

function Faderesume() {
m_iFadeInterval = setInterval(fade_ontimer, 10);
}

function ToHex(strValue) {
try {
var result= (parseInt(strValue).toString(16));

while (result.length !=2)
result= ("0" +result);
result = result + result + result;
return result.toUpperCase();
}
catch(e)
{
}
}
</script>
Click to expand...

HTML Code:

<div id="fade_base">
<strong><em><p id="fade_link"></p></em></strong>
</div>
<p><div align="center">
</div>
Click to expand...

Any suggestions?

buckmajor, Aug 13, 2009 IP

mrpaisa Guest

Messages:: 741

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#4

first search in google if u dont get somthing from there then open the www.w3school.com u will get what u want

mrpaisa, Aug 13, 2009 IP

tack Peon

Messages:: 171

Likes Received:: 2

Best Answers:: 0

Trophy Points:: 0

#5

you can use this link and lets see if it works for you http://docs.jquery.com/Effects/fadeIn#speedcallback

tack, Aug 16, 2009 IP

Log in or Sign up

HTML Text fade In and Out

buckmajor Active Member

togu25 Peon

buckmajor Active Member

mrpaisa Guest

tack Peon

Useful Searches