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

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

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

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



javascriptサンプル集 clear.gif  
ダブルクリックでjavascriptを実行する
サンプルではリンク先のサムネイル化されている画像をダブルクリックする事でjavascriptが実行されリンク先へジャンプします。
サンプルソース

■ダブルクリックでjavascriptを実行する

▼Agora
▼携帯Town
▼Beauty Magic

↑上記の画像をダブルクリックするとリンクしてあるサイトへジャンプします。


サンプルソース(source)

<html>
<head>
<title>ダブルクリックでjavascript実行する</title>
</head>
<body>
<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>
</body>
</html>

※サンプルでは画像の配置(レイアウト)の為、<table>タグを使用しています。

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

Agora