div要素にリンクにする「jquery.biggerlink」
シェア
ツイート
最終更新日：
ボックス単位の大きなdiv要素をリンクにする便利なJavaScriptです。
プラグインのダウンロード
jquery.biggerlink.js
http://www.ollicle.com/projects/jquery/biggerlink/
jquery.js
http://jquery.com/
をダウンロードします。
Javascript記述方法
<script type="text/javascript"src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.biggerlink.js"></script>
<script type="text/javascript">
$(function(){
$('#id名(クラス名) div').biggerlink();
});
</script>
HTML記述方法
上記のID名またはクラス名をdivに書き込む。
<div id="id名">
<div>
<a href="リンク先URI">リンクテキスト</a>
<p>コンテンツ</p>
</div>
</div>
CSS記述方法
リンクは以下のようなCSSで指定します。
.hover {
border-color: #333333;
cursor: pointer;
background-color: #ffffff;
}
.hover a:link {
color: #CC3333;
}
.hover a:visited {
color: #CC3333;
}
参考サイト
http://www.skuare.net/test/jBiggerLink.html
JavaScriptのおすすめ参考書
ポチップ
ポチップ
ポチップ
