JAVA Script教室初級編


まずは、有名なJAVA Scriptから・・・以下すべて　ネスケ3以上、ＩＥ３以上で動作します
  1. リンク部分にマウスを載せるとステータスバーに文字を表示する

    リンクの上にマウスカーソルを載せた時に、下の方のステータスバーに文字を表示します。
    例： Ｃｌｉｃｋ　Ｍｅ！ 　←　こんな奴です。
    以下をHTMLの<BODY>内に埋め込んでください。日本語だと化けるブラウザーがあるので英語の方が無難です
    ステータスバーをジャマするので、この技を嫌いな人も居ます。ちなみにjava.htmlがリンク先です。

    <A HREF="java.html"
    onMouseOver="window.status='ここに書いた文字が下に流れます;';return true;"
    onMouseOut="window.status=''">Ｃｌｉｃｋ　Ｍｅ！</A>
  2. マウスが載ると画像が切り替わる
    例： 　　 ←こんな奴です。

    以下をHTMLの<BODY>内に埋め込んでください。ここで off.gifが　マウスが乗っていないときの画像
    on.gifがマウスか乗っている時の画像、java.htmlがリンク先です。
    複数のボタンを並べる時はbuttonをそれぞれ変えて下さい。

    <A HREF="java.html"
    onMouseOver="document.images['button'].src='on.gif';return true;"
    onMouseOut="document.images['button'].src='off.gif'"><img name="button" src="off.gif" border=0></A>

  3. ランダムに画像が選ばれる。

    例： ←これ
    再読み込みで変化します　うちの    ポコです。

    以下をHTMLの<BODY>内に埋め込んでください。ここではphoto1.jpg〜photo8.jpgを用意しています
    これらの画像をSRC="〜"でランダム読み込みます。画像種類、サイズ、ディレクトリの指定などは <IMG 〜> に
    適当に組み込んでください。ちょっとした変更でランダムリンク等もできますね。家のＴＯＰのソースも参考にしてください。

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    document.write("<IMG SRC='photo",Math.floor(8*Math.random()+1),".jpg'>");
    //-->
    </script>


  4. ランダムに音楽が選ばれる。

    例： ←これ再読み込みで変化します

    以下をHTMLの<BODY>内に埋め込んでください。ここではxmas01.mid〜xmas08.midを用意しています
    これらの音楽をSRC="〜"でランダム読み込みます。サイズ、ディレクトリの指定などは <EMBED 〜> に
    適当に組み込んでください。

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    document.write("<EMBED src='xmas_0",Math.floor(8*Math.random()+1),".mid' width=100 height=30 panel=0 autostart=true SAVE=false>");
    //-->
    </script>


  5. プルダウンメニューでリンクする

    例：
    		　← こんなやつです

    以下をHTMLの<BODY>内に埋め込んでください。<OPTION VALUE="〜">に飛び先のＵＲＬを、
    そのコメントをその後に続けて入力します。

    <form><select onChange="location=this.options[this.selectedIndex].value">
    <OPTION SELECTED>ここから各所に飛べます
    <OPTION VALUE="../index.html">すべては此処に集まる　ＴＯＰ
    <OPTION VALUE="../fuyumi/fuyumi.html">素晴らしきかな小野不由美
    <OPTION VALUE="../rooms/okuse.html">奥瀬早紀あるいは奥瀬サキ
    <OPTION VALUE="http://www.epsnet.co.jp/~eps/town/door.cgi?no=0148">Ｑ’ｓチャット Room
    <OPTION VALUE="../bbsf/index.html">なんでもどうぞ　Ｑ’ｓ掲示板
    ・・・・・
    </select></form>



    今日は此処まで


    home mail