ホームページ作成・基礎講座・HTML・CSS・javascript・SEO対策

超初心者でも簡単にできるホームページ作成,HTML基礎講座 EasyStudyHTML

ホームページ作成 HTML基礎講座 javascriptサンプル集

ホームページ作成・HTML基礎・スタイルシート(CSS)・javascript・SEO対策



javascriptサンプル集 clear.gif  
ダブルクリックでjavascriptを実行
マウスのダブルクリックでjavascriptを実行するには、「onDblClick」というイベントハンドラを利用します。メニュー等をアイコン化しその画像をダブルクリックすることで、そのメニューが実行される使用方法や画像をサムネイルで表示してリンク集などでも利用できます。
サンプルソース
■ダブルクリックでjavascriptを実行する。

<table width="580" cellspacing="0" cellpadding="0" border="0">
<tr><td>
▼Agora<br>
<IMG src="../images/j_sample_8/img_1.jpg" border="2"
onDblClick="location.href='http://aofp.net/'">
</td><td>
▼携帯Town<br>
<img src="../images/j_sample_8/img_2.jpg" border="2"
onDblClick="location.href='http://mobi.aofp.net/'">
</td><td>
▼Beauty Magic<br>
<img src="../images/j_sample_8/img3_.jpg" border="2"
onDblClick="location.href='http://beautymagic.biz/'">
</td></tr>
</table>

※上記のサンプルでは画像を配置する目的で<table>タグを使用しています。
pcリストマークサンプル表示

ページトップへ
TOP | 利用規約(免責) | お問合せ

Agora