Tag : RollOver

READ MORE

普段サイト制作を行うにあたり、マウスーオーバーでボタンなど切り替えるのは頻繁に使うもの。ボタン画像の色味を反転させたり、目立たせることでマウスカーソルがそこに乗っているという認識がされるもの。そんなマウスオーバーの表現は、単純な切り替えやアニメーションを使った表現など様々ですが、jQueryを使ってマウスが乗っている箇…

READ MORE

サイトの演出上、リンクボタンにマウスカーソルを合わせた際に、ボタンの色を変える、ボタン形状を凹んだ形に変える、などいろいろありますが、ボタンを宙に浮かせボール(?)の様なリアルな演出を付けることが出来る「Create a Realistic Hover Effect With jQuery」がとても気持ちいいのでご紹介…

READ MORE

CSSでWebページ上のナビゲーションの動きを作るやり方は様々ですが、そのCSSナビゲーションテクニックをサンプルと合わせて紹介しているエントリーの紹介です。≫Six Revisions - 30 Exceptional CSS Navigation Techniques単純なロールオーバーだけでなく、画像の切り替えを…

READ MORE

今さらかもしれませんが「css globe」というサイトにある「tablecloth」が結構使えそうなのでご紹介。≫css globe「tablecloth」はTABLE上にマウスカーソルを持っていくと、現在の位置がハイライトされます。説明よりも実際のサンプルを見てもらった方が早いと思うので以下のTABLEにマウスカー…

READ MORE

jQueryを使って、画像マウスオーバー時にテキストをスライド表示させたり、画像をスライドさせたりするライブラリがちょっとおもしろかったのでご紹介。≫Sliding Boxes and Captions with jQueryスライドさせるパターンもさまざまあって、カスタマイズすることで面白い表現ができそうです。デモは…

READ MORE

通常のHTML制作では画面上には特に影響を及ぼさない画像のALT指定ですが、それを効果的にページ上で表現するJSのご紹介です。JSファイルの配布元のサイトは「jCaption: jQuery Image Captions with Customizable Markup, Style and Animation」素材フ…

READ MORE

とある案件で対象ブラウザIE5.5での正常動作を求められることがありました。普段は対象ブラウザをIE6.0~ としていることから、IE5.5でCSSの挙動を確認するのは初めてだったりするのですが、overflowでのスクロール表示、ページ上でのタブ切り替えなど順調に進んでいた矢先、残念なことにIE5.5ではCSSのロー…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
Partner