mouseover()/mouseout()

click()と同じくらいに重要なイベントに、
mouseover()/mouseout()があります。
ナビゲーションボタンのロールオーバー効果など、
使い方は様々です。

【jQuery】
<script type=”text/javascript”>
$(function(){
 $(“img”).mouseover(function(){
  $(this).attr(“src”,”images/sea.jpg”)
  .attr(“alt”,”海”);
 }).mouseout(function(){
  $(this).attr(“src”,”images/flower.jpg”)
  .attr(“alt”,”お花”);
 }); 
});
</script>

【HTML】
<p><img src=”images/flower.jpg” alt=”お花” /></p>

mouseover()/mouseout()イベントサンプル

mouseover()とmouseout()をメソッドチェーンを使い、
画像にマウスカーソルを当てるとき、
当てないときで画像を切り替えます。

This entry was written by admin , posted on 金曜日 5月 06 2011at 12:05 pm , filed under イベント and tagged . Bookmark the permalink . Post a comment below or leave a trackback: Trackback URL.

Comments are closed.