Webサイト制作でjQueryを使用したデモサイト一覧

jQuery-横アコーディオン・スライド効果デモ

横アコーディオン・スライド効果デモ
【使用技術】
(jQuery)
  • jQuery-easyAccordion
その他
  • IE6動作します。

jQuery-全画面スライド効果デモ

全画面スライド効果デモ
【使用技術】
(jQuery)
  • jbgallery-2.0.js

jQuery-可変グリッドレイアウト効果デモ

可変グリッドレイアウト効果デモ
【使用技術】
(jQuery)
  • jbgallery-2.0.js
  • jquery.colorbox.js
その他
  • ヘッダー&フッター固定
  • 全画面スライド(jbgallery-2.0)
  • ColorBox

jQuery-バブルエフェクト・イメージ・ギャラリー効果デモ

バブルエフェクト・イメージ・ギャラリー効果デモ
【使用技術】
(jQuery)
  • Bubbleriffic Image Gallery

jQuery-雪降らし効果デモ

雪降らし効果デモ
【使用技術】
(jQuery)
  • Snowstorm V1.43
その他
  • 雪が画面下部に少しの間、積もります。

jQuery-横スライド・ページング効果デモ

横スライド・ページング効果デモ
【使用技術】
(jQuery)
  • jquery.pageswitch.js
  • Jquery Snowfall Plugin 1.6

jQuery-パララックス効果デモ

パララックス効果デモ
【使用技術】
(jQuery)
  • The parallax effects with jQuery
その他
  • ヘッダー&フッター固定
  • IE6.7.8は、全画面背景が未対応。

jQuery-下部までスクロールすると横からスライドして表示するFooter効果

スライドFooter効果
【使用技術】
(jQuery)
その他
  • ページの高さがないと設置しても、よろしくないので注意。

jQuery-スクロールするとプロフィールやSNSボタンを表示する効果

スクロールすると表示する効果
【使用技術】
(jQuery)