*

「 jQuery 」 一覧

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

タイトルの通りです。マウスのホイールをいじると画像が切り替わるjQueryの機能を作成してみました。 サンプルコードの実行結果はこちら 今回使用したプラグイン ・imagesloaded

続きを見る

画像読込の進捗具合が分かるプログレスバーを作成

タイトルの通りです。読み込み中の画像を表示しないようにし、かつ画像読込の進捗度を表示してみます。 サンプルコードの実行結果はこちら サンプルコードをみると、画像は100枚ほど読み込みますが、ブラウ

続きを見る

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

2015/10/09 | jQuery ,

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

続きを見る

Masonryのギャラリーの画像をクリックすると、画像が拡大し、キャプションがでるようにしてみる

2015/10/08 | jQuery ,

前回の記事でMasonryのギャラリーを作成しましたが、今回はそれに、見出しをつけてみます。 サンプルコードの実行結果はこちら 今回使用したプラグイン ・Masonry ・colorbox

続きを見る

Masonryのギャラリーにフィルター機能を追加する

Masonryのギャラリーにフィルターを付けてみました。実行結果を見て頂ければ分かりますが、画像のギャラリーがまず表示されます。次に国名をクリックすると、その国名に該当する写真だけを抽出して表示します

続きを見る

Masonryでギャラリーページを作ってみる

今回使用するjQueryプラグイン ●Masonry フレキシブルなレイアウトを生成するために使用するjQueryプラグインです、幅、高さが異なるコンテンツを領域ぴったしに並べるためのものです

続きを見る

空間を最大限に使いトップページの画像をタブで切り替える。

2015/10/05 | jQuery

今回、書くのは、 トップページに複数の作品を乗せたいときに、 スクロールさせず、画面上部に配置したタブを 切り替えることにより、表示させるものを 切り替えるjQueryを作成します。 分

続きを見る

画面を下にスクロールさせると、違うデザインのメニューがついてくる

タイトルの通りです。画面をスクロールさせると、違うデザインのメニューがついてくる機能を今回作成しました。 サンプルコードの実行結果はこちら 今回は「throttle-debounce」プラグイ

続きを見る

タブを作成して、空間を最大限に使う

今回はパネルを使って、複数のコンテンツを1つのエリアに配置して、ブラウザ上部に設けたタブをクリックすることによって表示する コンテンツを切り替えるものを作成します。詳細はサンプルコード上にコメントア

続きを見る

ついてくるヘッダーメニューを作成する

タイトルの通りです。画面をスクロールしてもついてくるメニューを今回作成します。 サンプルコードの実行結果はこちら

続きを見る

スポンサードリンク



スポンサードリンク

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

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

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

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

jQueryMobile
<select>により項目選択

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

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

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

jQueryMobile
ボタンを設定する

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

→もっと見る

  • スポンサーリンク

PAGE TOP ↑