前の記事 ≪:特定クラスのメソッドをURLから呼び出せるAPI作りに便利なPHPライブラ...
次の記事 ≫:facebookの新しいタイムライン風にデザインされたWordPressテーマ「Timeline ...

div全体をクリッカブルにするjQueryプラグイン「DIV LINKER」

2011年10月06日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Div Linker | jQuery Plugins

div全体をクリッカブルにするjQueryプラグイン「DIV LINKER」。
次のようなマークアップがあったとして、この場合は「Link text」部分にしかリンクされません。

<div class="divlinker">
<img src="image.jpg" width="151" height="130" />
<br />
<a href="http://www.google.com">Link text</a>
</div>

そこでこちらのプラグインを使って初期化します

<script>
$(".divlinker").divlinker();
</script>

するとDIV全体がクリックできるようになるというもの。

デモページ


HTMLをきれいにかきつつdiv全体を<a>みたいに動かすことができます

関連エントリ
関連の記事検索:プラグイン, jQueryプラグイン
スポンサード リンク

By.KJ : 2011年10月06日 09:57 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)