IT情報@PRO人

Bootstrapで利用できるjQueryプラグイン Animate

この記事は2015年5月27日に書かれたものです。内容が古い可能性がありますのでご注意ください。


Bootstrapで利用できるjQueryプラグイン Animate

Bootstrapで簡単に利用可能なjQueryのプラグインをご紹介します。
今回はAnimate編です。

数字をカウントアップするなどの簡単なものなど、ちょっとしたことで見た目に動きをつけられます。
大抵の場合 「必要?」などと上司に言われてへこむのですが、動きがあると疲れが飛びます。(うそなんですが。。)

jQuery AnimateNumber

http://aishek.github.io/jquery-animateNumber/
jQuery AnimateNumber

指定した数字をカウントアップしたりするプラグインです。
何気なく数字をカウントアップして見せたい!というあなたの要望にお応えします。
そ、そんな要望無いと思うのですが、ダッシュボードなどに利用すると威力絶大です!
きっと上司が喜びます!

指定した数字をカウントアップしたりするプラグイン

Colorbox – a jQuery lightbox

http://www.jacklmoore.com/colorbox/
Colorbox – a jQuery lightbox

lightboxは人気のプラグインです。写真などをポップアップで表示したいなどの要求は、大体別サイトでlightboxの動きを見ている場合がほとんどです。
bootstrapではサムネイルなどと合わせて使うと写真を効果的に見れます。

Lightbox風画面ポップアップ・スライドショー

CAPTION HOVER EFFECTS

http://tympanus.net/Tutorials/CaptionHoverEffects/
CAPTION HOVER EFFECTS

http://tympanus.net/Tutorials/ShapeHoverEffectSVG/
CAPTION HOVER EFFECTS SVG

http://tympanus.net/Tutorials/OriginalHoverEffects/
CAPTION HOVER EFFECTS CSS3

キャプションのエフェクト色々あります。
見ているだけでも楽しいですが、使い場所は考えた方が良いです。
使いすぎると上司に怒られます。うるさって言われました。そう、言われるのです。

  • このエントリーをはてなブックマークに追加

PAGE TOP