マウスが重なったときにメッセージを表示(テキストボックス)


 
このスクリプトはハイパーリンクでの上にマウスカーソルが重なったときにテキストボックスにリンクの説明を表示させます。

 
サンプル
 
〜 HTML 〜

<a href="/~n_rieko/" onMouseOver='frmsample.txtsample.value="トップページにリンクしてます(∩_∩)V";return true;' onMouseOut='frmsample.txtsample.value=""'>サンプル</a>

<form name=frmsample>
    <input type=text name=txtsample size=40>
</form>


 
  • onMouseOverイベントはマウスカーソルが重なったときに発生するイベントになります。マウスが重なったタイミングでテキストボックスへ文字列を代入します。

    onMouseOver='frmsample.txtsample.value="トップページにリンクしてます(∩_∩)V";return true;'

  • onMouseOutイベントはマウスカーソルが離れたときに発生するイベントです。マウスがリンクから離れたときに説明もクリアします。

    onMouseOut='frmsample.txtsample.value="";'




《 INDEX 》    《 HOME 》   

Copyright (C) 2000-2004 Knave
http://www.site-cooler.com/