divごとリンクボタンにし、マウスオーバーで背景画像を変える - Webデザイン勉強クリップ
CSSdivをaタグで挟んではいけないというより、ブロック要素をインライン要素で挟んではいけないようです。 divごとリンクを貼る3つの方法 上の画像のようなレイアウトの時にテキストや画像だけでなく、それを囲んだボックスにマウスが乗った時にリンク先へ飛ぶようにし、マウスオーバー時に背景画像も変えたいわけです。 a要素をブロック要素に変え、親要素のdiv全体にリンクが及ぶようにする html div id="box"> img src="blog_thumb.jpg" width="148" height="88" alt="ブログへ" /> p class="linktxt">a href="#">LINKa>p> p>ブログp> div> css div#box{ position:relative; width:168px; height:168px; background:url(g
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
手のひらに収まる、96グラムの本格派「COOLPIX S01」
人に見せるとほぼ間違いなく「なにこれ！？」と注目される、ニコンのコンパクトデジカメ「COOLPIX S01」はそんなカメラだ。シリーズ最小最軽量をうたうだけあり、サイズは77（幅）×51.2（高さ）×17.2（奥行き）ミリ、約96グラム（撮影時重量）と非常に小型軽量。それでいながら、35ミリ換算29～87ミリ相当の光学3倍ズームレンズと内蔵ストロボを備えており、本格的な撮影が可能だ。 まずは見てその小ささやかわいらしさに驚くが、手にするとさらに驚く。スペックだけ挙げれば1/2.9型 有効1014万画素CCDに3倍ズームレンズ、手ブレは電子式、動画は最大1280×720ピクセルとスマホカメラへの対抗のために高性能化するコンパクトデジカメとして他製品へ見劣りすることは否めないが、手のひらにすっぽりと収まるサイズ感とその軽さは重厚長大路線を走る製品とは正反対でありつつ、細部の丁寧な仕上げはモノと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://twitter.com/login?redirect_after_login=%2Fsettings%2Fapplications
Engadget | Technology News & Reviews