Slide Message

Description:

メッセージをムービー風に表示します。

表示パターンを１ライン表示と、１文字ずつ表示(タイプライター的)の２つから選べます。 あと、毎回見るのは辛いという事もあると思いますので、左上にexitリンクを張ってあります。 ちなみに、日本語が化けることが多々あるらしいので、英語のメッセージにすることをお勧めします。

Demo:

デモを見る(パターン０/従来のタイプ)
デモを見る(パターン１/タイプライター)

Source:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>


<script Language="JavaScript" type="text/javascript">
<!--
//User設定
 var movietype = 0; //アニメーションのタイプ。0だと一行ずつ。1だと1文字ずつ。
 var gourl = "http://www2f.biglobe.ne.jp/~takan/javac/n2/slidemessage.htm";//飛ぶURL
 var textcolor= "#ffffff"; //<body>textの色
 var bgcolor  = "#000000"; //<body>背景色
 var fontstyle= "<font size=6 color=#ffffff face='Times New Roman,Times'><b>";
 var posA = "<table width=100% height=90%><tr valign=center><td align=center>"; //表示位置調整
 var posB = "</td></tr></table>";         //タグ閉じ
 var a_time = 150;  //type:1の時のメッセージタイプの速度。1000=1秒。この場合0.1秒。
 var c_time = 3000; //次のメッセージを表示するまでの時間。1000=1秒。この場合4秒。

 var msg = new Array();
 /* お好みのメッセージを入れてください。 */
 msg[0] = "Welcome";
 msg[1] = "Thank you for visiting my site.";
 msg[2] = "Are you interested in JavaScript?";
 msg[3] = "I intoroduce funny&useful JavaScripts to you.";
 msg[4] = "please enjoy my site..";
 msg[5] = "wait for now loading....";

 function makeHTML(str, e) {
   var html = "<HTML>";
   html += "<BODY bgColor=" +bgcolor+ " text=" +textcolor+ ">";
   html += (!e) ? "<a href='" +gourl+ "' target='_top'>exit</a>" : "&nbsp;&nbsp;";
   html +=  posA + fontstyle + str + posB;
   html += "</BODY></HTML>";
   return html;
 }

 var playcheck = true;
 var temphtml="<HTML><BODY bgColor=" +bgcolor+ " text=" +textcolor+ "></BODY></HTML>";
 var current = 0; 
 var currentchat= 0;
 var output  = "";
 var SID;

 function movieplay() {
  if(!playcheck) { return; }
  if(movietype == 0) {
    if(!msg[current]) { location.href = gourl; return; }
    var str = msg[current];
    output = makeHTML(str, false);
    parent.f1.location.href = "javascript:parent.output";
    current++;
    SID = setTimeout("movieplay()",c_time);
  } else {
   if(SID) { clearTimeout(SID); }
   if(!msg[current]) { location.href = gourl; return; }
   var str = msg[current];
   var exit= (currentchat+1 > str.length) ? false : true;
   output = makeHTML(str.substring(0, currentchat), exit);
   parent.f1.location.href = "javascript:parent.output";
   currentchat++;
   if(currentchat > str.length) {
     current++;
     currentchat = 0;
    if(!playcheck) { return; }
     SID = setTimeout("movieplay()",c_time);
   }
   else {
    if(!playcheck) { return; }
     SID = setTimeout("movieplay()",a_time);
   }
  }
 }
//-->
</script>


<!-- JavaScriptが使用不可の時 -->
<noscript>
 <body>
 <p>JavaScript対応ブラウザを推奨いたします。
 <a href="slide_message1.htm">こちらから入れます。</a></p>
 </body>
</noscript>


<frameset rows="100%, *" frameborder="no" border=0 onLoad="movieplay()">
 <frame src="javascript:parent.temphtml" name="f1">
 <noframes>
 <p>JavaScript対応ブラウザを推奨いたします。
 <a href="slide_message1.htm">こちらから入れます。</a></p>
 </noframes>
</frameset>


</html>

Advice:

Geocitiesなどの一部の無料スペースに設置した場合エラーが出る場合があります。 これは、広告タグが自動的に入ってしまうため起こる問題です。 Geocitiesの場合ですと、適当な所に(<NOFRAMES>や<NOSCRIPT>などの中に)

<!--#geoguide-->

を挿入しておくなどして対応してください。

Arrangement:

Browser:

Internet Explorer3.0以上
Netscape Navigator2.0以上
[ Back ]