<html>
<head>
<title>해피CGI</title>
<script>
function setupFadeLinks() {
arrFadeLinks[0] = "http://www.happycgi.com";
arrFadeTitles[0] = "해피CGI 웹프로그램 무료소스";
arrFadeLinks[1] = "http://www.cgimall.co.kr";
arrFadeTitles[1] = "웹프로그램 전문쇼핑몰";
arrFadeLinks[1] = "http://www.happycgi.com";
arrFadeTitles[1] = "무료PHP 무료CGI소스 무료폰트 무료자바스크립트";
}
var m_FadeOut = 255;
var m_FadeIn=0;
var m_Fade = 0;
var m_FadeStep = 3;
var m_FadeWait = 2000; //2000 - 2초
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>
</head>
<body>
<div id="fade_base" style="width:300px;border:1px dotted black;padding:5px;height:60px;">
아래 텍스트가 페이드인 되면서 나타납니다.<p>
<b><a id="fade_link"></a></b>
</div>
|
