텍스트 변환 자바스크립트
일정한 시간 간격을 두고 브라우저의 텍스트가 계속 변화됩니다.
네츠케이프와 익스플로러가 호환이 안됩니다
어쩔 수 없이 넷스케이프용과 익스플로러용의 두가지 코드를 모두 입력해야 하겠습니다
// HEAD에 들어갈 자바스크립트
<script language="JavaScript">
<!--
//글자변환
function showlayer(str)
{
if(document.layers) //넷스케이프용
{
document.layers["myText"].visibility = "show"
document.layers["myText2"].visibility = "hide"
document.layers["myText3"].visibility = "hide"
setTimeout("showlayer2()", 5000); // 시간조절
}
else //익스플로러용
{
document.all["myText"].style.visibility = "visible"
document.all["myText2"].style.visibility = "hidden"
document.all["myText3"].style.visibility = "hidden"
setTimeout("showlayer2()", 5000);
}
}
function showlayer2(str)
{
if(document.layers)
{
document.layers["myText"].visibility = "hide"
document.layers["myText2"].visibility = "show"
document.layers["myText3"].visibility = "hide"
setTimeout("showlayer3()", 5000);
}
else
{
document.all["myText"].style.visibility = "hidden"
document.all["myText2"].style.visibility = "visible"
document.all["myText3"].style.visibility = "hidden"
setTimeout("showlayer3()", 5000);
}
}
function showlayer3(str)
{
if(document.layers)
{
document.layers["myText"].visibility = "hide"
document.layers["myText2"].visibility = "hide"
document.layers["myText3"].visibility = "show"
setTimeout("showlayer()", 5000);
}
else
{
document.all["myText"].style.visibility = "hidden";
document.all["myText2"].style.visibility = "hidden";
document.all["myText3"].style.visibility = "visible";
setTimeout("showlayer()", 5000);
}
}
// end of script -->
</script>
// BODY에 들어갈 내용
// 이 부분은 나모에서 작업하면 DIV ID 관련 태그를 나모가 삭제시키기 때문에 정상적으로 작동하지 않습니다.
// 반드시 메모장이나 다른 텍스트 에디터를 이용해 주세요
// top:250은 글자의 브라우저상에서 위치입니다. 원하시는 대로 변경가능 합니다.
<body onLoad="showlayer()">
<div id="myText" style="position: absolute; visibility: visible; color:#EAEAAE; text-align:center; top:250; font-weight:bold;" align="center">
<p>첫 번째 입니다.<br>
첫 번째 메시지를 넣어주세요<br>
</p>
</div><div id="myText2" style="position: absolute; visibility: visible; color:#EAEAAE; text-align:center; top:250; font-weight:bold;" align="center">
<p>두 번째 입니다.<br>
두 번째 메시지를 넣어주세요<br>
</p>
</div><div id="myText3" style="position: absolute; visibility: visible; color:#EAEAAE; text-align:center; top:250; font-weight:bold;" align="center">
<p>세 번째 입니다.<br>
네 번째 다섯 번째 얼마든지 넣어주세요<br>
</p>
</div>