• ベストアンサー

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

http://www.page.sannet.ne.jp/chuck/index.htm このページの「R&R万歳」の画像をクリックすると文字が現れてその後トップにもどるのですが、どのようにやっているのでしょうか？Java scriptですか？

  • ss696
  • お礼率94% (868/915)

質問者が選んだベストアンサー

  • ベストアンサー
回答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#writeDoc setTimeoutで一定時間後に関数を呼び出す。 http://tohoho.wakusei.ne.jp/js/window.htm#setTimeout#Timer こんなところでしょうか。

参考URL：
http://tohoho.wakusei.ne.jp/www.htm
ss696
質問者

お礼

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

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

回答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"> <!-- var i = 0 var idx = 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='ＭＳ Ｐ明朝'>" ); 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.htm,http://www.page.sannet.ne.jp/chuck/title1_brush.htm
ss696
質問者

お礼

ありがとうございます。 まいりました…詳しく説明してくださっているのでしょうが、ほとんどわかりません。何か参考になるものとかありますか？ 一字づつ表示させるのもJava Scriptで行っているのでしょうか？う～ん…

全文を見る
すると、全ての回答が全文表示されます。
  • penpen7
  • ベストアンサー率33% (25/74)
回答No.1

画像クリックして別のページにとばす。 そこにFLASHのアニメーションが設定されていて、終了したらJavaScriptで元のページに戻しているのではないでしょうか？

ss696
質問者

お礼

ありがとうございます。初めはそうかなとも思いましたがどうもフラッシュではないようなのでどうやっているのかなと思いました。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 小さなウィンドウ

    トップページからjava scriptを使って 画像を別のウィンドウで表示させたいのですが、 そこまでは出来るのですが、 その画像をもう一度クリックすると そのウィンドウを閉じるようにしたいのです。 どなたかやり方をご教示くださいませ。

  • リンク元を取得後、選択できるのでしょうか・・・

    現在、作成したHTMLのTOPページ(index.htm)にJavascriptで外部スクリプトを作成しました。 <head> <script language="JavaScript" src="java.js"></script> </head> 外部スクリプトで上記のように作成したのですが 自分のHTML内からリンクしてきた、 (戻りボタンなどでトップページへ戻てきた場合)場合 毎回トップページでJavascriptが読みこまないようにしたいと思いますが、それは可能でしょうか？ もし可能であれば簡単な作成の方法かサンプルを教えていただけないでしょうか？ 質問の仕方が難しく説明が下手なのですいませんがぜひよろしくお願いします。

  • クッキーを焼いたり参照したり・・・

    すいません、良かったら教えて下さい。 作成したHTMLのTOPページ(index.htm)にJavascriptで外部スクリプトを作成しました。 <head> <script language="JavaScript" src="java.js"></script> </head> 外部スクリプトで上記のように作成したのですが そのページでセッションで有効なクッキー焼いて、 そのクッキーが登録されてたらその外部スクリプトを読まないようにする方法はどのように作成したらいいのか・・・ 宜しければ、教えていただけないでしょうか？ 質問の仕方が難しく説明が下手なのですいませんがぜひよろしくお願いします。

  • 文字の大きさをコントロールするには？

    読売新聞http://www.yomiuri.co.jp/index.htm のサイトのように、クリックすると本文のフォントを小さくできたり、大きくできたりするのはどうすればよいでしょうか？ジャバスクリプト+CSSみたいな感じでしょうか？

    • ベストアンサー
    • HTML
  • 小窓を出したい。

    画像が多いHPを作成中です。 １つのページに画像をいくつか入れるよりも、 小さい画像をクリックすると、大きな画像で見れるようにした方がいいと聞きました。 そこで、Java Scriptを使って小窓で見れるようにしたいと思いました。 １ページにテーブルを作り、画像をいくつか入れているのですが、１画像ごとに小窓で見れるようにしたいのです。 Aの画像をクリック→小窓A Bの画像をクリック→小窓B ↑ のように、違う小窓が出てくるようにしたい。 色々と画像が多いHPを作成中です。 １つのページに画像をいくつか入れるよりも、 小さい画像をクリックすると、大きな画像で見れるようにした方がいいと聞きました。 そこで、Java Scriptを使って小窓で見れるようにしたいと思いました。 １ページにテーブルを作り、画像をいくつか入れているのですが、１画像ごとに小窓で見れるようにしたいのです。 Aの画像をクリック→小窓A Bの画像をクリック→小窓B ↑ のように、違う小窓が出てくるようにしたいのです。 Java Scriptを使うのはまったく初めてなのですが、 上記の場合のJava Scriptの書き方えを教えて下さい。 宜しくお願い致します。

  • javascriptの分岐について質問です

    ＨＰのトップページ（/index.html）にアクセスされた時に相手のブラウザがjavascriptに対応しているか非対応かでページを自動で分けたいのですが自分で調べたところ２つの方法を見つけました。 ◆＜SCRIPT LANGUAGE="JavaScript"＞ ＜!--- To hide JavaScript from old browsers var delay = 1 function nextPage() {timerId = setTimeout("changePage()", delay)} function changePage() {location = "JAVA scriptを使ったページのアドレス"}// ---＞ ＜/SCRIPT＞ ※以上のコマンドをＨＴＭＬのHEADタグの中に入れます。 （＜＞は全て半角に直してください） ※次にBODYタグの最後あたりにonLoad="nextPage()"と記入すれば完成です。 これは本文内に次の一行を入れるだけです。 ＜META HTTP-EQUIV="refresh" CONTENT="1; URL="JAVA scriptを使っていないページのアドレス"＞ という方法と ◆<!--<head>～～</head>に貼り付けてください <meta http-equiv="refresh" content="10;url=javaoff.htm"> <SCRIPT LANGUAGE="JavaScript"> <!-- location.href="javaon.htm"; //--> </script> ソース中の赤文字の部分はご自分で変更してください という方法です。どちらも試してみたのですが、javaのオフの仕方が分からないのでそっちは確認しておりませんがjava対応で見てみるとどちらの方法も何秒かごとにカチッと画面を再び読み込み同じページ（javaバージョン）に戻ることを繰り返します。ちなみにメインのjavaを使っているページがindex.htmlでjavaを使っていない方はno-index.htmlで、どちらも同じ階層です。そしてindex.htmlの方に上記のソースを書いています。ファイル名はindex.htmlとno-index.htmlと変えていますがどこがおかしいのか分かりません。お分かりの方助言をお願いいたします。

  • ホームページ作成について

    現在ホームページを作成しています。 最初index.htmのページは、フリーのテンプレート（フレームあり）を使っていました。 その後、そのページを２ページ目にして、新たにトップページをつくることにしました。 最初のindex.htmは別名(home.htm)にし、新たに作ったトップページをindex.htmとしました。 そしてアップロードしなおしました。 しかしながら、www.abc.xyz/index.htmで開くと、新たに作ったトップページが開くのですが、www.abc.xyzで開くと、home.htmが表示されてしまいます。 何故index.htmが表示されないのでしょう？ 使用ソフトはホームページビルダーV7です。 よろしくお願いいたします。

  • Java Scriptの件で質問をさせて頂きます。よろしくお願いいたし

    Java Scriptの件で質問をさせて頂きます。よろしくお願いいたします。 よく、ホームページの一番下に「このページのトップへ」とか「ＨＯＭＥ」などとあり、それをクリックすると、当該のページの一番上まで行くものがありますが、あれはJava Scriptを使っているのでしょうか ？私としては、出来るかどうかは不明なのですが、Java Scriptをcssのような感じで外部ファイルにして「このページのトップへ」を作成したいと考えております。どなた様かご指導のほどよろしくお願いいたします。 また、「このページのトップへ」にやはり何らかのリンクを張るのだと思いますが、その点に付きましてもご指導をどうかよろしくお願いいたします。 また、話は少し変わってしまうのですが、ロールオーバーをホームページの上部に横に並べて表示させたいのですが、このようなこともJava Scriptで出来るのでしょうか？現在はcssで試行錯誤している最中ですが、Java Scriptでも可能ならとも考え合わせてご質問をさせて頂きました。 どなた様か、ご指導のほどよろしくお願いいたします。

  • TOPページのindex.htmを表示させない方法

    ホームページビルダーでホームページを作っています。 トップページのファイルはindex.htmで作っているのでトップページのアドレスが～.com/index.htmになってしまいます。 今まで相互リンクなどたくさんのサイトに～.com/のアドレスでリンクを貼ってもらっているのでそれで統一したいのですが どうすればトップページのアドレスのindex.htmを省くことができるのでしょうか？ サイト内の他のページからトップにリンクしているのも全て～.com/index.htmになっているのでそれも～.com/に統一したいのですが…。 ＳＥＯ的に全て統一した方が有利だと聞きましたので。 そちらの方法もお願いします。

  • SleipnirでGyaOトップページがスクリプトエラー。

    Sleipnir1.66を使用しています。 GyaOトップページのINDEX（ニュース、映画など）のところをクリックするとスクリプトエラー（実装されていません）になって画面が切り替わりません（動画は見れます）。試しにSleipnir2.4でもやってみましたが同様でした。 ちなみにIEだと正常にページが切り替わります。 Javaの設定等も確認しましたが、原因が分かりません・・・。 よろしくお願いします!!<m(__)m>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する