A revolving earth (earthani.gif--64x64) Beaverland Net
ジャバスクリプトを易しく教えて! JavaScript Made Easy!
 

 

JavaScript Made Easy! logo (javascrt.gif--140x360)

 

Slangs not found in a dictionary logo (slangs.gif--140x260)

 

Beaverland Japonica banner (japonic3.gif--140x360)

 

Study in Canada Home Page logo (homepg.gif--160x160)

  1. 出願
  2. 学費・生活費
  3. ビザ
  4. 渡航準備
  5. バンク–バ–
    に留学しよう!
  6. BC州の教育
  7. カナダの教育
  8. 私立高校願書
    の一例 (生徒用)
  9. 私立高校願書
    の一例 (両親用)
  10. 大学入学案内
  11. 私立高校
    入学案内
  12. 全寮制私立高校
    入学案内
  13. 全寮制私立高校
    授業料
  14. 公立高校
    入学案内
  15. バンク–バ–
    公立高校
    2002 / 2003年度
    入学要項
    及び授業料
  16. 語学専門学校
    授業料一覧表
  17. バンク–バ–案内
  18. 御意見・御質問コ–ナ–
  19. 帰国子女の受け入れ
  20. BC州の官公庁
    市町村・大学・高校へのリンク
  21. 留学生のための銀行利用法
  22. 高校生1000人に留学補助

onstore.gif (140x93)

beavbook.gif (120x160)

beavcomp.gif (120x160)

beavmovi.gif (120x160)

beavgift.gif (120x160)

beavtrav.gif (120x160)

music.gif (50x50) Beaverland Music
 
アンカー・タグとジャバスクリプト
June 16, 2003
ページがすべてロードし終るまでマウスをピクチャーの上に持って行ってもうまく次のピクチャーが現われません。
どうか、いましばらく辛抱強く待ってください。

上のデモは次のようなコードで、成り立っています。

<a href="javascript:document.assPic.src=
        '../slangs/images/ass007.jpg';void(0);"
  onMouseOver="document.assPic.src=
        '../slangs/images/ass7.jpg'"
  onMouseOut="document.assPic.src=
        '../images/june320.jpg'"
  onDblClick="document.myFart.play()">
<img name="assPic" border="0"
      src="../images/june320.jpg"
      alt="June Adams wants you to see her ass."
      width="320" height="240"></a>

アンカー・タグの中でジャバスクリプトを書く場合には、ごらんのように、 SCRIPT タグは必要ありません。その代り、javascript: を書き加える必要があります。

マウスのポインターをピクチャーの上に持って行くと、イベント・ハンドラーの onMouseOver が起動して、ドンキーの写真を、このページ(document) の所定の場所(assPic)のメモリー(src)に移します。

assPic は IMG タグの中の name=  アトリビュートを使って設定されており、 この場所がジューンの写真のある場所になっているわけです。そんなわけで、マウスをピクチャーの上へ持って行くと、 ドンキーが顔を見せるというわけです。

マウスのポインターをピクチャーの外へ出すと、イベント・ハンドラーの onMouseOut が起動して、 元の写真を document.assPic.src で指定されたメモリーへ移します。つまり、 初めに見た写真が元の場所に現われるわけです。

ピクチャーの上で、クリックすると、href が起動してジューンのお尻の写真をdocument.assPic.src で指定されたメモリーへ移します。 つまり、ジューンのお尻が現れるわけです。よく見るとhref アトリビュートの中に void(0) という、なんとなく無意味なものが顔を出していますが、これについては、 このページ(VOID(0)って何?どう使うの?)で説明しています。 このリンクをクリックすると、新しいページが現れます。

ピクチャーの上で、ダブル・クリックすると、イベント・ハンドラーの onDblClick が起動して、 オナラをならします。play()  というのは ジャバスクリプトに組み込まれているファンクションで、document.myFart で指定されたサウンド・ファイルを演奏・実行します。myFart、つまり、オナラの入っているサウンド・ファイルは、 EMBED タグによって、次のように 設定されてます。

<embed MASTERSOUND name="myFart"
    src="../sound/fart2.wav"
    loop="false" autostart="false" hidden="true">

MASTERSOUND という書き込みは、name= アトリビュートを使うときには書かねばならない、ということになっていますが、インターネット・エクスプローラー(MSIE version 5.0 or 6.0)を使う場合には、書いてなくとも、ちゃんと実行してくれます。

src= アトリビュートでサウンド・ソース (source) を指定します。 src="../sound/fart2.wav" の初めに付いている ../  が何のことだか分らない場合は、このページ(このダブル・ドットって一体何?)を見てください。このリンクをクリックすると、新しいページが現れます。

loop="true" とした場合には、オナラを何度も何度もならすことになります。 autostart="true" にすると、このページが画面に現われるやいなや、オナラがなるということになります。 hidden="false" に設定した場合には、コントロール・バーが現われます。

たとえば、次のようにEMBED を組んだ場合には、その下に示すようなコントロール・バーが現われて、 自分でプレイボタンやストップボタンをクリックして、サウンド・ファイルをコントロールすることができます。音量も調節できます。

<embed src="../sound/fart2.wav" loop="false" autostart="false" hidden="false">

ずいぶんと長ったらしいコードになりましたが、この基本形は、次に示すものがそれです。

<a href="javascript:showAss('june3.html')">
<img border="0" src="images/june320b.gif"
    alt="June Adams (june320b.gif--320x240)"
    width="320" height="240"></a>

上のコードによてできたデモが下に示すものです。ジューンの写真をクリックすると、 彼女の尻が小さなポップアップ・ウィンドーの中に表示されます。試してください。

June Adams (june320b.gif--320x240)

どのようにしたらポップアップ・ウィンドーを出すことができるか、知りたい場合には、 このページ(ポップアップ・ウインドーの簡単な作り方)をクリックしてください、 このリンクをクリックすると、新しいページが現れます。

注意事項

  • アンカータグのHREFアトリビュートと一緒にジャバスクリプトを書く場合、javascript:は一度だけ書きます。

  • イベント・ハンドラーとともに書く場合はjavascript:は、必要ありません。

  • HREFアトリビュートと一緒に、あるいは、同じイベント・ハンドラーとともに、いくつものステートメントを書く場合には、ステートメントの間は、セミコロンで区切ります。

  • 一つ一つのステートメントを改行して書く場合には、セミコロンを書かなくてもかまいません。同じ行に書く場合は必須です。


筆者紹介
Akira Kato (kato.jpg--180x135)
  • 日本とカナダの大学で教育を受ける。
  • 横浜にある大手の電器メーカーでコンピューターのソフトウエアの開発に従事する。
  • カナダのノースウエスト隼州政府・財務省に勤務する。
  • バンクーバーのランガラ・カレッジおよびサレーのクワンテレン・カレッジで講師を勤める。
  • ヨーロッパ、東南アジア、中国、北米を幅広く旅行する。
  • 現在、経営コンサルタント、フリーランス・ライターとして活躍している。
  Comments
 
SRC がよく分かりません。もっと易しく教えてください。
    - 神戸の牛ちゃん

SRC= とはSOURCEの略です。IMGタグの中で使われると、これはイメージファイルを意味します。またEMBEDタグの中で使われれば、 普通サウンドファイルを意味します。

IMGタグやEMBEDタグとともに指定することによって、このページの中にファイルの居場所を見つけるわけで、 NAME=アトリビュートで名前を与えます。

そうすることによって、このページの中で,イメージファイルや、サウンドファイルを、名前を指定して(参照して)幾度も使うことができます。
    - Akira

 
 



御意見・御感想
とても良い 良い まあまあ 良くない 最低

お名前:
Email アドレス:
御感想を書いて下さい。



Betty in bikini lingerie (betty31c.gif--232x516) Betty in hot-pant lingerie (betty32c.gif--231x473)

She might try something different
Or you might.
Visit Henry & June Lingerie.


Beaverland ジャポニカ
Re-Discover JAPAN
inserted by FC2 system