divにhoverを設定する方法 | JavaScript capsule
divのエリアをマウスが反応するエリアに指定して欲しいといわれた場合 画像や文字を含むエリアの中にマウスが入った時に背景に色をつけてほしい。と言う要望を頂く事が数多くありますが、 <a></a>の中に画像やテキストなど全ての要素をいれるだけでは対応できません。最新のブラウザでは可能な部分ではありますが。。 今回は簡単に実装をしてみましょう。 まずhoverに関しては、jQueryに関数で用意されているものを用いると簡単です。 $(".target").hover(function(){ //マウスオーバーの関数 },function(){ //マウスアウトの関数 }) この時にテキストの色を変更したい。という事をひっくるめて、クラスを追加で設定します。 $(".target").hover(function(){ $(this).addClass("hover") },function()
マウスが乗った行だけ装飾を変化させる [ホームページ作成] All About
ここで、「hover疑似クラス」を使います。 行を構成する「tr要素」（<tr>タグ）に対して、スタイルシートで「hover疑似クラス」を使って文字色と背景色を変化させると、非常に見やすくなります。 例えば、次のような感じです。 上記は、アニメーション画像になっています。 表の上で、マウスカーソルを動かすと、表がどのように変化するかを示しています。 スタイルシートを使って上記のように装飾すると、どれだけ表が長くても、マウスを一緒に使って閲覧していけば、自分の見ている場所を見失いにくくなります。 このように「hover疑似クラス」は、リンクの装飾を変化させる以外に、ユーザの閲覧を助ける便利な使い方もできます。 IE6ではサポートされていないものの… ただ、残念なことに、世界で最も使われていると考えられるブラウザ「 Internet Explorer 6 」以下では、リンク（a要素）以外に対す
![マウスが乗った行だけ装飾を変化させる [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
jQuery で checkbox が check されてるか調べる - dogmap.jp
Twitter で、@masaru_b_cl さんが、「jQueryでチェックボックスがチェックされているかどうかを取るのって、 var checked = $("#checkboxid").attr("checked"); しか方法ないのか・・・」と言ってました。 jQuery オブジェクトには .checked() とかってメソッドがありません。 なので checkbox がチェックされてるかどうかは、通常以下のようにして取得します。 checked = $("#checkboxid").attr("checked"); checked = $("#checkboxid").get(0).checked; ただ、これだとあまり直感的じゃないですね。 checked = $("#checkboxid").checked(); のようにして、取得できるとカッコイイです。 本当にできないんで
プロとしての行為 Act as Proffesional
ケーブルをまとめるのと巻いて保管しておくために、ケーブルバンドを利用している。手元の在庫がなくなったので、あらためて注文した。 取り外しするありとあらゆるケーブルには基本的に付けている。ポイントとしては、ケーブルを発見しやすくするのと、バン...
Text Shadows
This is some preview text - you can paste more text in here (Safari) text-shadow was included in CSS2, removed from CSS2.1 and returns in CSS3. It has been supported in Safari since version 1.1, and is supported in Chrome, Firefox 3.5 and Opera 10. CSS Shadows take three length values, and a color. The length values are a horizontal offset, a vertical offset and a blur. Offsets may be negative or
JavaScript で CSS の float 属性を設定する
1. DOM Element を右に寄せたい DOM Element を生成し、右に寄せたい。 そのために、element.style.float を設定したが、要素を右に寄せることができなかった。 (+_+) var newElem = document.createElement("div"); var p = document.body.firstChild; // この要素の前に newElem を挿入 newElem.innerHTML = "挿入"; p.parentNode.insertBefore(newElem, p); newElem.style.float = "right"; cf. JavaScript で特定の要素の前に要素を挿入する 2. float ではなく cssFloat 属性を設定する 右寄せをするには、element.sytle.cssFloat 属
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hiroki OHTSUKA on about.me
Slider | jQuery UI
frequency-decoder.com