http://www.page.sannet.ne.jp/chuck/index.htm
このページの「R&R万歳」の画像をクリックすると文字が現れてその後トップにもどるのですが、どのようにやっているのでしょうか?Java scriptですか?
No.2
- 回答日時:
まず、
<FRAMESET rows="100%,*" rameborder=no border=0 framespacing=0 >
<FRAME src="title1_canvas.htm" name="canvas">
<FRAME src="title1_brush.htm" name="brush">
</FRAMESET>
の様にしてフレームで分けて
title1_brush.htmからjavascriptでtitle1_canvas.htmを書き換えているようです。
ちなみに使われているスクリプトは
<SCRIPT LANGUAGE="JavaScript">
<!--
vari = 0
varidx = 0
function MakeArray(n) {
this.length = n
for (var i = 1; i <= n; i++) {
this[i] = 0
}
return this
}
TitleStr = new MakeArray(19)
TitleStr[1] = " "
TitleStr[2] = "す"
TitleStr[3] = "べ"
TitleStr[4] = "て"
TitleStr[5] = "の"
TitleStr[6] = "ロ"
TitleStr[7] = "ッ"
TitleStr[8] = "ク"
TitleStr[9] = "ン"
TitleStr[10] = "ロ"
TitleStr[11] = "ー"
TitleStr[12] = "ル"
TitleStr[13] = "野"
TitleStr[14] = "郎"
TitleStr[15] = "に"
TitleStr[16] = "捧"
TitleStr[17] = "ぐ"
TitleStr[18] = "!"
TitleStr[19] = "すべてのロックンロール野郎に捧ぐ!"
function FlickTitle() {
if (idx < TitleStr.length) {
idx++
parent.canvas.document.open();
parent.canvas.document.write( "<BODY BGCOLOR='black' TEXT='white'>" );
if (idx==TitleStr.length) {
parent.canvas.document.write( "<FONT COLOR='blue'><SMALL>" );
parent.canvas.document.writeln( "■数秒後には表紙に移動します" );
parent.canvas.document.write( "</SMALL></FONT>" );
}
parent.canvas.document.write( "<TABLE WIDTH='100%' HEIGHT='100%'>" );
parent.canvas.document.write( "<TR><TD><CENTER>" );
if (idx==TitleStr.length) {
parent.canvas.document.write( "<STYLE TYPE='text/css'><!-- SPAN { font-size:50pt } --></STYLE>" );
} else {
parent.canvas.document.write( "<STYLE TYPE='text/css'><!-- SPAN { font-size:150pt } --></STYLE>" );
}
parent.canvas.document.write( "<FONT FACE='MS P明朝'>" );
parent.canvas.document.write( "<B>" );
parent.canvas.document.write( "<SPAN>"+TitleStr[idx]+"</SPAN>" );
parent.canvas.document.write( "</B>" );
parent.canvas.document.write( "</FONT>" );
parent.canvas.document.write( "</CENTER></TD></TR>" );
parent.canvas.document.write( "</TABLE>" );
if (idx==TitleStr.length) {
parent.canvas.document.write( );
}
parent.canvas.document.close();
setTimeout( "FlickTitle()", 270 );
}
}
//----------------->
</SCRIPT>
で onload="FlickTitle() で関数を呼び出しているようです。
参考URL:http://www.page.sannet.ne.jp/chuck/title1_canvas …
ありがとうございます。
まいりました…詳しく説明してくださっているのでしょうが、ほとんどわかりません。何か参考になるものとかありますか?
一字づつ表示させるのもJava Scriptで行っているのでしょうか?う~ん…
No.3ベストアンサー
- 回答日時:
#2のmousengokeです。
いえ、javascriptについてはそのままコピペしただけだったんですが。
参考になるものですか。
関数について
http://tohoho.wakusei.ne.jp/js/function.htm
(特に)グローバル変数とローカル変数(上と同じページ内です。)
http://tohoho.wakusei.ne.jp/js/function.htm#gloLoc
配列について
http://tohoho.wakusei.ne.jp/js/array.htm
JavaScriptで他のフレームを参照する
http://tohoho.wakusei.ne.jp/how2/frame.htm#jsframe
document.open();,document.write();,document.close();についてdocument.clear()は使っていませんがsetTimeoutで呼びなおすとクリアーされちゃうみたいです。
http://tohoho.wakusei.ne.jp/js/document.htm#writ …
setTimeoutで一定時間後に関数を呼び出す。
http://tohoho.wakusei.ne.jp/js/window.htm#setTim …
こんなところでしょうか。
参考URL:http://tohoho.wakusei.ne.jp/www.htm
遅くなりました。ありがとうございます。
まだまだ自分では作れそうにないですが、トホホのサイトを参考に頑張りたいと思います。
関数か…。ひゃ~難しいですね~。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- Java mac mini 2009 でのmac OS における Java の入れ替えについて 1 2022/12/27 19:23
- 数学 環上の加群について 2 2022/07/15 20:42
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- Visual Basic(VBA) ExcelVBAで、index、match関数を使用して、指定範囲に出力したい 3 2022/10/18 21:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- WordPress(ワードプレス) httpからhttpsへのリダイレクト設定について 2 2022/04/17 09:49
- 数学 急いでます!この問題分かる方教えてください!お願い致します! 旅行に行くため、O,P,Q,R,Sの5 2 2022/07/08 18:00
- 物理学 物理の問題 3 2022/12/21 22:56
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
なぜ、ジャバスクリプトが表示...
-
htmlの中に記述している画像フ...
-
【JavaScript】実体参照符号化...
-
window.openでタイトル名の指定
-
ホームページに日付を自動更新...
-
iframe内に特定の文字列がある...
-
関数でy=g(x)のgとは何の略です...
-
C#テキストボックスの文字を配...
-
同じIDで定義した要素の配列を...
-
アクセス時からのカウントダウ...
-
二次元配列を使って順位をだす...
-
pdfに丸秘などのスタンプを...
-
bt_melter.jsをサイトの一部の...
-
javaScriptのコードの修正をお...
-
ASP+アクセスでのSQLコメントに...
-
JavaScript window.openで開く...
-
C#OpenCv V4にのエラーに関する...
-
gas スプレッドシートがアクテ...
-
MFCのキャプション変更
-
船のゲームを作っているのです...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openでタイトル名の指定
-
ホームページに日付を自動更新...
-
○歳△ヶ月と×日を計算してくれる...
-
文字列を点滅させたい
-
なぜ、ジャバスクリプトが表示...
-
今日の月と日付の1週間後や3日...
-
JS、document.write出力位置設定
-
iframe内に特定の文字列がある...
-
自動ポップアップで画像を表示...
-
テキストボックスに入力された...
-
innerHTMLにて設定した情報を再...
-
document.open()の意味とは
-
ジャバスクリプトで空白(スペー...
-
Java Scriptのメソッドについて
-
document.clear()の使い方について
-
ウェブ上にキーボードを作りた...
-
document.writeで画面が消える
-
「分」単位で加算(減算)したい。
-
java カレンダーの日付指定で...
-
現在の日付から、1ヶ月前にす...
おすすめ情報