Tag : RollOver

READ MORE

jQueryを使ってマウスオーバーアクションなど画像をスライド演出させるライブラリはいくつか紹介してきましたが、そんなスライド効果をライブラリの様な大きなものを使うのではなく単純な:animateを使って実現するためのサンプルスクリプト一覧を紹介。本家サイト(http://www.1stwebdesigner.com/…

READ MORE

Webページ上でインフォメーションやお知らせ記事を一覧で表示するような枠で、デザイン(レイアウト)上、一覧表示では一行表示分の枠を設け、(長いタイトルなどは「…」で切ったり)クリック後ページ遷移をして全体を見せるやり方はよくあること。そんな際、タイトル的な内容までも途中でテキストを切ってしまうのは今までも気が引けていた…

READ MORE

前回に続いてCSSplayネタですが、ボタンやアイコン画像の様なものにロールオーバーした際に、その画像の情報を表示する綺麗な方法が掲載されていたのでご紹介。≫Stu Nicholls | CSSplay | Professional CSS image information dropdown menuものすごい技術を…

READ MORE

jQueryでMacのDock風ナビゲーションをサイト上に表現するライブラリは多々ありますが、その中でもかなり強力な物を発見したのでメモ書きしておきます。。。Exampleページから大元のページ(プラグイン紹介のような)へ辿ることができずにいるのですが、複数あるExampleページを見る限り、かなり強力です。≫Exam…

READ MORE

CSSを使って一枚のナビゲーション画像を背景画像として配置し、background-positionで位置を変えたりすることでボタンを表現する技術CSSスプライト。そのCSSスプライトに対してjQueryでスライドやフェード効果を付けることが出来る、「Spritemenu」がかなりいい感じに使えそうです。≫DISTIN…

READ MORE

jQueryでマウスClickやマウスHoverで可能な演出はいくつか紹介していますが、画像に対して飛び出すようなエフェクトを付けることが可能な「jquery-puffy.js」もちょっとおもしろそうです。≫nao58/jquery-puffy @ GitHub使い方はいつも通り、大元jQueryファイルと上記ページか…

READ MORE

前回に続き、今回もjQueryを使ってのマウスオーバー効果。最近よく見る動きではありますが、ボタンなどマウスオーバーでツールチップをフェードイン表示させる方法をやってみたかったので試してみました。まずはサンプルから。(ボタンにマウスオーバーしてみてください。)単純にJavaScriptだけでもマウスオーバーでツールチッ…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner