中途半端を極める

web関連で役に立ちそうなものを紹介いたします

javascript

【Javascript】div要素のブロック全体をリンクにする

投稿日:

ブロック要素全体をリンクにすることができるjQueryです。
要素全てリンクにしたいとき、Validator errorが出る時に使用すると有効です。

jQuery (Javascript)

<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript">// <![CDATA[

$(function(){
$(".blocklink").click(function(){
window.location=$(this).find("a").attr("href");
return false;
});
});
// ]]></script>

HTML

<div>このjQueryを使うとブロック要素全体がリンクにすることができます。
背景の色をhoverで変えて使うといい感じになりますよ。
<a href="aaa.html">詳しくはこちら</a></div>

参考:Web Tips – around design

-javascript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

jQueryを使ってボックス要素をランダムに表示する方法

一部の要素をランダムに表示させたいという要望があったので、調べてみたところ、よさそうなjavascriptがあったので紹介いたします。結構手軽だったので活用できるシーンは多いのではないでしょうか。

レスポンシブサイトにPC用とスマホ用の切り替えボタンをつける方法を紹介

最近レスポンシブサイトが増えてきました。スマートフォン用のサイトにはPC用を表示するボタンがついていますが、その機能を実装する方法を紹介いたします。javascriptを使用いたします。

【javascript】年齢認証ページの作り方 一例

エロサイトや酒の紹介ページ(販売ページ)などに使えるjQueryを紹介いたします。

【javascript】複数の画像をウィンドウ幅に合わせてカルーセル風に実装(bxslider編)

ウィンドウ幅いっぱいにスライドを表示させたい。 そう思ってもなかなか思うような動作をするjavascriptを見つけるのが困難です。 見つけたとしても、それがレスポンシブに対応するのか否か。 そんなこ …

【Javascript】IE6でもpng画像を使えるようにする

IE6でpng画像を使うと、透明部分が灰色になって正常に表示されません。 IE6でも正常に表示させるためには「DD_belatedPNG」というライブラリを利用します。 img要素やCSSでの背景(背 …