*

Masonryのギャラリーの画像にホバーしたときに動きを付けてみる

公開日: : 最終更新日:2015/10/29 jQuery ,

今回はMasonryのギャラリーの画像にマウスのカーソルを乗せたときに青い半透明のアニメーションがでるようしてみました。
サンプルコードの実行結果はこちら

今回使用したプラグイン
・Mansonry
・imagesloaded
・colorbox

index.html

galleryFillterHoverEffect.js

スポンサードリンク

関連記事

catejQuery

水平方向のアコーディオンメニュー

今回紹介するのは横にスライドする アコーディオンメニューです。 実行結果はこちら

記事を読む

catejQuery

対象の要素を絞ってイベントを登録する

今回紹介するon()は、 これまでの記事で紹介したイベントを別の書き方で 設定できるメソッドです

記事を読む

catejQuery

パンくずメニューをスライドさせて表示させる。

今回作成するのは、 パンくずリストに動きをつけて表示させる jQueryを作成します。 サ

記事を読む

jQuery

jQueryで表示・非表示サイドバーを作ってみる

今回の内容は、クリック操作によってWebページの左側に格納できるサイドバーを作成します。サンプルコー

記事を読む

jQuery

ボタンにカーソルを乗せたとき色々と効果を付けてみる

今回は、ボタンに色々な効果を付けてみます。サンプルコードの実行結果はこちら サンプ

記事を読む

jQuery

jQueryでスライドショーを作ってみる

タイトルの通りです。簡単なスライドショーを作成してみました。 サンプルコードの実行結果はこちら

記事を読む

jQuery

jQueryで聖剣伝説に出てくるリングメニューを作ってみる

タイトルの通り、聖剣伝説で登場する円状に広がるリング状のメニューを今回紹介します。 サンプルコード

記事を読む

catejQuery

表示・非表示をスライドさせて切り替えるslidedown/slideUp()

slidedown/slideUp()は、セレクターで指定した要素の 表示・非表示をスライドアニメ

記事を読む

catejQuery

クリックしたことを感知するclick()

click()命令はready()と同様に、括弧内のfunction(){...}と記述し その内

記事を読む

jQuery

マウスのホイールを使って画像の切替を行う

タイトルの通りです。マウスのホイールをいじると画像が切り替わるjQueryの機能を作成してみました。

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑