div領域全体をクリックできるようにする

div全体をクリックすると、div内にあるリンク先へとびます。


jQueryを使います。

header内に挿入
$(function(){
$(".sampleBox").click(function(){
window.location=$(this).find("a").attr("href");
return false;
});
});

-------
HTML本体
<div class="box1">
〜〜
divで囲って記事を書く
〜〜
<a href="〜〜〜〜">リンク</a>
</div>

------
CSS記述
.box1 {
background: #ffc;
padding:10px;
cursor: pointer;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
}


USBメモリウイルスの感染にご注意を! USBメモリウイルスの感染にご注意を!

T R A C K B A C K
この記事のトラックバックURL
http://keni.orvinet.com/tb.cgi/3

C O M M E N T


名前 :
パスワード :(削除用 : コメント投稿後の修正は不可)
    最大文字数(半角換算)  2000


  プレビュー