본문 바로가기

javascript

Changing Text -- 제자리에서 단락을 바꾸어 나타내주는 스크립트

<!--1. 아래 스크립트를 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()", 3000);  
}
else
{
  document.all["myText"].style.visibility = "visible"
  document.all["myText2"].style.visibility = "hidden"
  document.all["myText3"].style.visibility = "hidden"
  setTimeout("showlayer2()", 3000);
}
}
function showlayer2(str)
{
if(document.layers)
{
  document.layers["myText"].visibility = "hide"
  document.layers["myText2"].visibility = "show"
  document.layers["myText3"].visibility = "hide"
  setTimeout("showlayer3()", 3000);
}
else
{
  document.all["myText"].style.visibility = "hidden"
  document.all["myText2"].style.visibility = "visible"
  document.all["myText3"].style.visibility = "hidden"
  setTimeout("showlayer3()", 3000);
}
}
function showlayer3(str)
{
if(document.layers)
{
  document.layers["myText"].visibility = "hide"
  document.layers["myText2"].visibility = "hide"
  document.layers["myText3"].visibility = "show"
  setTimeout("showlayer()", 3000);
}
else
{
  document.all["myText"].style.visibility = "hidden";
  document.all["myText2"].style.visibility = "hidden";
  document.all["myText3"].style.visibility = "visible";
  setTimeout("showlayer()", 3000);
}
}
</SCRIPT>


</HEAD>
<!--2. BODY 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->


<BODY BGCOLOR="#FFFFFF" onload="showlayer();">

<!--3. BODY 부분에 아래의 스크립트를 복사해 넣으세요-->

<div id="myText" align=center style="font-weight:bold; color:blue; text-align:center; border-width:1px; border-style:none; width:293px; height:200px; position:absolute; left:200px; top:157px; z-index:1; visibility:visible; font size: 12;"
align="center">
    <p><b>울 밑에선 봉선화야........</b></p>
<p><b>네 모습이 처량하다.......</b></p>
</div> <div id="myText2" style="font-weight:bold; color:red; text-align:center; border-width:1px; border-style:none; width:293px; height:200px; position:absolute; left:200px; top:159px; z-index:1; visibility:visible; font size: 12;"
align="center">
    <p><b>길고 긴날 여름철에</b></p>
</div> <div id="myText3" style="font-weight:bold; color:green; text-align:center; border-width:1px; border-style:none; width:290px; height:200px; position:absolute; left:200px; top:159px; z-index:1; visibility:visible; font size: 12;"
align="center">
    <p><b>저별은 나의 별</b></p>
    <p><b>저별은 너의 별</b></p>
    <p><b>별빛에 물드는</b></p>
    <p><b>밤같이 까만 눈동자</b></p>
</div>