[JS]画像をホバー時にさまざまなアニメーションで目立たせるスクリプト -Adipoli
シンプルなものからちょっと面白いものまで、20種類以上のアニメーションのエフェクトを備えた画像を目立たせるjQueryのプラグインを紹介します。 デモ 用意されているエフェクトは20種類以上で、ホバー時のエフェクトは下記のものが揃っています。 normal popout sliceDown sliceDownLeft sliceUp sliceUpLeft sliceUpRandom sliceUpDown sliceUpDownLeft fold foldLeft boxRandom boxRain boxRainReverse boxRainGrow boxRainGrowReverse 画像のデフォルト時のエフェクト（オーバーレイ・半透明）も用意されており、組み合わせて利用できます。 [ad#ad-2] 以下、デモページのエフェクトを紹介します。
[JS]ただのツールチップだと思ったら大間違い、ホバー時にインフォメーションを表示するスクリプト -Hovercard
さまざまなHTMLのエレメントのホバー時にカード状のインフォメーションをアニメーションで表示するjQueryのプラグインを紹介します。 ただのツールチップとは違い、カードのインフォメーションに更にカードを表示したり、Facebook, Twitterと連携したり、コールバック関数も備えています。 Hovercard [ad#ad-2] Hovercardの特徴 Hovercardのデモ Hovercardの実装 Hovercardの特徴 Hovercardは軽量のjQueryのプラグインで、リンクをはじめとするさまざまなHTMLエレメントにホバーするとそれに関連したインフォーメーションを表示することができます。 スムーズなアニメーションでインフォメーションを表示することができます。 外部スタイルシートではなく、最小のCSSを使用します。 表示されるHTMLはフルコントロールが可能です。 T
いやいやブログ IE6のa:hoverについて
CSSについてはいろいろと悩むものですが、IE6は特に悩みの種です。ここ数日考えていたことに、ひょんなことから答えが見つかりました。800×600ピクセルの画像があります。 これを200×150ピクセルで表示します。 a:hoverで800×600ピクセルの原寸表示しようと思います。»最初の答え [CSS] a:hover img { width: 800px; height: 600px; } [HTML] <a href="./"><img src="sample.jpg" width="200" height="150"></a>これではIE6は動作しません。試行錯誤を続けるうちに、ある答えが出ました。さらに簡略に書けないかと考えていたのですが、ふと初めの答えに戻ってみました。するとこんな答えになりました。»最終案 [CSS] a:hover { border: none; } a:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE 6 - Pure CSS Popups Bug
