webdesignkeys

CSSやjavascriptなどを利用した動的なサイト作りやwebデザインに関するネタを紹介!

Subscribe by RSS RSS Icon
Follow me Twitter Twitter Icon
 
 

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comment

コメントの投稿













管理者にだけ表示を許可する
 

jqueryサンプル集_01

jq-sample01.png
jqueryのサンプル集です。

>>参考記事

25種類のjqueryプラグインを紹介します。

中にはとてもユニークなものや実用的なものまであります。

デモが見つからないものがありましたが、どのサイトでも

ソースはダウンロードできるようになっているみたいです。



01 A fancy Apple.com-style search suggestion

テキストを入力すると、アニメーションで関連したトピックスを呼び出します。

jq-sample01.jpg

デモ


02 Submit A Form Without Page Refresh using jQuery

refreshを行わず認証を行うことができます。 


jq-sample02.jpg

デモ

03 jQuery Tools Scrollable

アニメーションを利用した横スクロールギャラリー

jq-sample03.jpg

04 Navigation List Menu with Nudging Effect

テキストをマウスで覆った時にアニメーションが動作するナビゲーション

jq-sample04.jpg


05 Sliding Boxes and Captions with jQuery

マウスを被せるとレイヤー画像がスライドするサンプル集

jq-sample05.jpg


デモ


06 colorcharge jQuery 1.2

jq-sample06.jpg


07 Creating a Dynamic Poll with jQuery and PHP

ページを再読み込みすることのない投票フォームです。

jq-sample07.jpg


デモ

08 AnythingSlider jQuery Plugin

自動でスライドするイメージギャラリー

jq-sample08.jpg

デモ

09 Color Changing Text and Backgrounds w/ jQuery

バックグラウンドの色が少しずつ変化していきます

jq-sample09.jpg

デモ

10 Moving Boxes Carousel with jQuery

閲覧している画像のサイズが変わるイメージギャラりー

jq-sample10.jpg

デモ

11 Crafting an Animated Postcard With jQuery

flashのような動きのあるバナー

jq-sample11.jpg


デモ

12 Make a Mega Drop-Down Menu with jQuery

ドロップダウンメニュー

jq-sample12.jpg


13 Making a Content Slider with jQuery UI

シンプルなスライドギャラリー

jq-sample13.jpg

デモ

14 5 Ways to Make Ajax Calls with jQuery

jq-sample14.jpg

デモ

15 Creating a Slick Auto-Playing Featured Content Slider

自動でスライダーが移動するタイプで、サムネイルをクリックすると移動できます。
かなりかっこいいデザインのイメージギャラリーだと思います。

jq-sample15.jpg

デモ

16 jQuery Cheat Sheet 1.2

jq-sample16.jpg

17 Lights Out – Dimming/Covering Background Content with jQuery

画像をピックアップした時のバッグラウンドのエフェクト

jq-sample17.jpg

デモ

18 Creating a Filterable Portfolio with jQuery

クールなアニメーションで画像のカテゴリ分け
リンク集などを作成するのにいいかもしれませんね

jq-sample18.jpg


デモ

19 jQuery Infinite Carousel

ギャラリーが永遠に自動でループします

jq-sample19.jpg

デモ

20 Create Featured Content Slider Using jQuery UI

横に表示する画像のサムネイルがあるタイプの自動のギャラリー

jq-sample20.jpg

デモ

21 How To: AJAXify WordPress Comment Posting

jq-sample21.jpg

22 ImageSwitch

イメージスウィッチ

jq-sample22.jpg


23 How to Make a Threadless Style T-Shirt Gallery

画像にマウスを乗せるとTシャツが・・・・・・・・

jq-sample23.jpg

デモ

24 Create a gallery by using z-index and jQuery

Z-indexを使ったかなり面白いギャラリーで、紙芝居のようにめくって行きます

jq-sample24.jpg

デモ

25 jCarousel

jq-sample25.jpg

デモ

Comment

コメントの投稿













管理者にだけ表示を許可する
 
<< PREV | HOME | NEXT >>

FC2 template
fc2_template_question.jpg

Category

NEWS
 

Comment

Archives

Favorite
125x125 banner 1
125x125 banner 2
125x125 banner 3
125x125 banner 4

Object
CoRich word of mouth information
Web service is developed through word of mouth information. ⇒CoRich
web design keys fc2 blog ranking!!
It challenges the ranking on my site. Please click this links. ⇒FC2 Blog Ranking
Proin magna amet fermentum dignissim
Nulla gravida, lacus molestie convallis dolor sem suscipit nisl, ut pharetra erat leo in elit.
Fusce pulvinar euismod urna vel viverra
Quisque malesuada laoreet tellus vel iaculis. Morbi nulla leo euismod pulvinar erat.
Class aptent taciti sociosqu ad litora
Curabitur vestibulum est eu purus bibendum eu eleifend diam tempor. Fusce metus eros, faucibus ut hendrerit ac.

Links

 
 
 
 
 
 
Copyright Info.

Nulla enim nibh, conse ctetuer sed, vesti bulum eleme ntum, sagittis nec, diam. Mauris blan dit vehi cula neque. Read More

 
Other Links
 
 
 
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。