以前『二つの画像とCSSやjQueryで表現する3種類のロールオーバー』 というのをエントリーしたのですが、 サンプルで作った「imgを直接ロールオーバー」というのが なんだかちらちら。そして少しぶれて動く。 単にデフォルトでボーダーがついているので、その問題なのですが、 そうじゃないにしろ、FirefoxやOperaで見たときに、 画像やマウスがちらついてみえたりする設定になってしまっていた。 ということで修正してみる!
![imgを画像置換で直接ロールオーバーさせる時のちらつきをなくすCSSの設定方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/e8928853d3cfdd5dd1ab489c59313e6ee7794a89/height=288;version=1;width=512/https%3A%2F%2Fh2ham.up.seesaa.net%2Fimage%2F20071020_138961.jpg)
以前『二つの画像とCSSやjQueryで表現する3種類のロールオーバー』 というのをエントリーしたのですが、 サンプルで作った「imgを直接ロールオーバー」というのが なんだかちらちら。そして少しぶれて動く。 単にデフォルトでボーダーがついているので、その問題なのですが、 そうじゃないにしろ、FirefoxやOperaで見たときに、 画像やマウスがちらついてみえたりする設定になってしまっていた。 ということで修正してみる!
ロールオーバーを簡単に実装する-Image Rollover Code- Image Rollover Codeはロールーオーバーを簡単に実装する為のjsライブラリです。 設置方法 配布元のDaniel Nolanのサイトよりrollover.jsを取得し、head要素内などで読み込みます。 <script src="rollover.js" type="text/javascript"></script> ロールオーバーを実装したいimg要素のclass名に『imgover』を指定します。 <img src="sample.jpg" alt="Some Image" class="imgover" /> すでに、他のclass名がつけられている場合は、半角スペース区切りで指定することにより複数のclass名を指定する事が可能です。 <img src="sample.jpg" alt="S
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く