HOME 　>>> 　HTML整理ノート 　>>> DHTML --　 基本編　　応用編

きらめく星座 & 雷


★

	        ☆       ★            ・・             ★
  ★                      ・・   ☆
              ・・   ☆  ・             ★   ・
          ・・          ・        ・         ・
   ・★                          ・          ・
   ・              ☆  ・             ★    ・         ・
  ・          ・  ☆           ・           ☆        ☆
             ・               ・       ・   ★ ・
   ☆       ・         ★             ・       ・
   ☆    ★       ・・ ・           ・         ・
              ☆              ☆          ☆
	 ・          ・  ☆           ・  ☆           ☆
 	            ・               ・       ・   ★ ・
 

★
 ・   ☆        ★          ・     ☆       ・   ★
 ・                  ☆     ・・             ・
   ・                         ・・   ★       ・       ☆
                      ★                            ・・
             ☆                           ☆          ・
 ☆                ・        ☆        ・
        ★     ・・              ★    ・        ☆     ★
               ・    ★                 ・
                                     ☆      ・
   ★・・  ☆   ・             ★          ・・
     ・           ・                      ・           ☆
                  ・   ☆                ・   ☆
                  ・               ★                ★

　

　

　

　

　

　

　

　

　

　

　

Sample Source......................................................................>>>

<script language="JavaScript"><!--
function StarA(){
	star1.style.color = "white";
	star2.style.color = "yellow";
	setTimeout("StarB()",1000);
}

function StarB(){
	star1.style.color = "yellow";
	star2.style.color = "";
	setTimeout("StarC()",1000);
}
function StarC(){
	star1.style.color = "white";
	star2.style.color = "yellow";
	setTimeout("StarD()",1000);
}

function StarD(){
	star1.style.color = "";
	star2.style.color = "";
	setTimeout("StarE()",2000);
}
function StarE(){
	star3.style.visibility="visible";
	star3.style.color = "white";
	setTimeout("StarF()",400);
}
function StarF(){
	star3.style.visibility="hidden";
	star1.style.color = "";
	star2.style.color = "";
	setTimeout("StarG()",1000);
}
function StarG(){
	star3.style.visibility="visible";
	star3.style.color = "pink";
	setTimeout("StarH()",400);
}
function StarH(){
	star3.style.visibility="hidden";
	star1.style.color = "";
	star2.style.color = "";
	setTimeout("StarA()",1000);
}
//--></script>
</head>

<body onload="StarA();">
<table id="star1" border="4" cellpadding="3" cellspacing="0" 
	width="400" height="160"
	style="position:absolute;top:40;left:50;
	font:10pt 'ＭＳ 明朝'; background-color: rgb(0,0,0);">
  <tr>
    <td><pre>        ☆       ★            ・・             ★
  ★                      ・・   ☆
              ・・   ☆  ・             ★   ・
          ・・          ・        ・         ・
   ・★                          ・          ・
   ・              ☆  ・             ★    ・         ・
  ・          ・  ☆           ・           ☆        ☆
             ・               ・       ・   ★ ・
   ☆       ・         ★             ・       ・
   ☆    ★       ・・ ・           ・         ・
              ☆              ☆          ☆
	 ・          ・  ☆           ・  ☆           ☆
 	            ・               ・       ・   ★ ・</pre>
    </td>
  </tr>
</table>
<div id="star2" style="position:absolute;top:45;left:55;
	width:400;height:160;font:10pt 'ＭＳ 明朝';color:yellow;">

<pre> ・   ☆        ★          ・     ☆       ・   ★
 ・                  ☆     ・・             ・
   ・                         ・・   ★       ・       ☆
                      ★                            ・・
             ☆                           ☆          ・
 ☆                ・        ☆        ・
        ★     ・・              ★    ・        ☆     ★
               ・    ★                 ・
                                     ☆      ・
   ★・・  ☆   ・             ★          ・・
     ・           ・                      ・           ☆
                  ・   ☆                ・   ☆
                  ・               ★                ★
</pre></div>

<div id="star3" style="position:absolute;top:45;left:55;
	width:400;height:160;font:10pt 'ＭＳ 明朝';
	color:white;visibility:hidden">
<pre>　
     ≫                                        ≪
      ≫                                      ≪
        ≫≫                                 ≪
      ≫≫                                 ≪
          ≫≫                              ≪≪
           ≫                           ≪≪
           ≫≫                         ≪ ≪
       ≫≫≫ ≫                   ≪≪≪
       ≫≫    ≫                    ≪≪≪
        ≫≫   ≫ ≫            ≪≪≪≪
</pre></div>

end(最終更新:12/11/10)