この方法を教えてください。

解決済

質問者：ss696
質問日時：2004/07/24 16:16
回答数：3件

http://www.page.sannet.ne.jp/chuck/index.htm

このページの「R&R万歳」の画像をクリックすると文字が現れてその後トップにもどるのですが、どのようにやっているのでしょうか？Java scriptですか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： mousengoke
回答日時：2004/07/25 13:26

#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

- 0
- 件

通報する

この回答へのお礼

遅くなりました。ありがとうございます。
まだまだ自分では作れそうにないですが、トホホのサイトを参考に頑張りたいと思います。
関数か…。ひゃ～難しいですね～。

通報する

お礼日時：2004/07/27 00:03

No.2

回答者： mousengoke
回答日時：2004/07/24 16:31

まず、

<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">
</STYLE>" );
} else {
parent.canvas.document.write( "<STYLE TYPE='text/css'></STYLE>" );
}
parent.canvas.document.write( "<FONT FACE='ＭＳＰ明朝'>" );
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 …