Rippler · Effect that spreads like a wave in touch or click.
You can also use the buttons on the bootstrap. rippler-inverse rippler-default rippler-inverse rippler-default rippler-inverse rippler-default <a class="btn btn-default rippler rippler-inverse" href="#">rippler-inverse</a> <button class="btn btn-primary rippler rippler-default">rippler-default</button> <a class="btn btn-success rippler rippler-inverse" href="#">rippler-inverse</a> <a class="btn bt
クリックで波紋を出すエフェクト（Ripple Effect）実装メモ - Qiita
javascript エフェクト要素をクリックした座標を中心とした位置に移動させます。 エフェクトのアニメーション自体はcssで表現しています。 エフェクトを発動させるためのclassを付け替えます。 $(function() { var $clickable = $('.ripple'); /* mousedownだと直ぐに発動し、clickだとマウスボタンを離した時に発動する */ $clickable.on('mousedown', function(e) { var _self = this; var x = e.offsetX; var y = e.offsetY; var $effect = $(_self).find('.ripple__effect'); var w = $effect.width(); var h = $effect.height(); /* クリックした
jQuery & CSS3でiTunes風のカバーフローUIを実装できる「jQuery UI CoverFlow 2.0 Using $.widget」｜BLACKFLAG
iTunesなどで有名なカバーフローと呼ばれるUI。 サイト上にカバーフローを実装させるjQueryプラグインもあったりしますが 実装方法が面倒だったり、動きがスムーズでなかったりするのですが、 jQueryとCSS3で構成されたカバーフローUIを実装できる「jQuery UI CoverFlow 2.0 Using $.widget」が 動きも滑らかで使いやすそうだったのでメモ書き程度に紹介してみます。 ≫jQuery UI CoverFlow 2.0 Using $.widget ≫デモはこちら：jQuery UI CoverFlow II | Addy Osmani 画面上のスクロールバーもしくはマウスホイールの動きで 並べられたCDジャケット（画像要素）がパタパタ流れるように切り替わります。 実装は少々複雑になってしまいそうですが、 画像要素のみならず、テキストベースのリストと連動
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
