a:hoverで背景を設定したらIEでバグが発生したのでメモ
久々に、なんだこれ！？っていうバグにぶちあったった。 グローバルナビゲーションに:hoverを設定したところ、 なぜかその下に設定していたイメージも動いた・・・ しかもIEだけ･･･なぜなんだ！？ ってことで自分の解決策のメモ代わりに書いておく。 バグが発生したときのソース ◎ HTML <!-- ●wrap --> <div id="wrap"> <!-- ●header --> <div id="header"> <h1>ろご</h1> <p>せつめいぶぶん</p> <ul> <li><a href="#">ほーむ</a></li> <li><a href="#">なび</a></li> <li><a href="#">なび</a></li> <li><a href="#">なび</a></li> <li><a href="#">なび</a></li> <li class="last-
jQuery：マウスオーバーやクリックで背景画像を入れ替えてみる
jQueryを使って、マウスオーバーやクリックをしたときに、 背景画像を変更するという案件が入りそうだったので、 実験的に作ってみました。 マウスオーバーしたときや、クリックした時に、 背景の画像が変わります。 jQueryを使えば基本的な事だけでできることです。 背景画像が変わるサンプル とりあえず作ってみたのでサンプルをみてください。 サンプルのソースは重要部分だけ抜粋してのせておきます。 ■ HTML <div id="content"> <ul> <li><a href="images01.jpg"><img src="m_images01.jpg" alt="背景" /></a></li> <li><a href="images02.jpg"><img src="m_images02.jpg" alt="背景" /></a></li> <li><a href="images03.
jQuery勉強メモ：画像や文字の透明度を利用したロールオーバーをプラグイン化してみた
昨日のプラグインの記述方法を利用して、 自分がよく使う機能をプラグイン化してみた。 今回のは、以前にも紹介した、透明度を利用したロールオーバー。 時々利用するのでプラグインの記述方法で書き直してみた。 透明度を利用するロールオーバー 作ったプラグインのデフォルトの状態は、 以前に紹介したロールオーバーの逆、 ロールオーバー時に透明になっていき、 マウスが離れたときは、もとに戻る仕様にしています。 ■JavaScript (function($) { $(function() { $.hamFunction.opacityRollOver({ /*適応させる部分の変更*/ fnClass:'.over', /*デフォルトの透明度指定*/ opacityDef:1.0, /*フェードの時間指定*/ fadeTime:200, /*マウスオーバー時の透明度の指定*/ opacityOn:0.6,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
