JavaScript + Ajax 実践サンプル集 (1276本以上)　◇編集して実行可能◇

jQueryを使い倒せ!　jQueryでAjaxを実装するための基礎知識と実践サンプルを一挙公開中... powered by asp.net 3.5

• ホーム
• jQuery
• jQuery プラグイン
• jQuery UI
• 人気順
• カテゴリ
• キーワード
• クール
• 新着
• ツリー
• jQuery PDF
• ホット
• サイト情報
• サイトマップ

★ 新着サンプルトップ50のRSSを購読する
◆ DHTMLサンプル(基礎)のRSSを購読する
◆ DHTMLサンプル(応用)のRSSを購読する
◆ AJAXサンプルのRSSを購読する
◆ その他サンプルのRSSを購読する
◆ BOM(Browser Object Model)のRSSを購読する
◆ DOM(Document Object Model)のRSSを購読する

サイトマップ  » jQueryサンプル

• jQuery
• Microsoft AJAX Library
• Hello World!
• pageLoad/pageUnloadイベント
• トレースを表示
• trim/trimStart/trimEnd関数
• WebサービスからXMLを返す
• jQuery API Reference
• jQuery 表示/非表示
• jQuery 表示/非表示(2)
• jQuery 表示/非表示(3)
• jQueryのTimePickerプラグインでドロップダウンから時間を選択
• :nth-child(even|odd)ポジションセレクターの使い方
• :first/:lastポジションセレクターの使い方
• jQuery Plugins (STU)
• Time,Date,Color Picker
• jQuery UIのDatepickerプラグインでカレンダーを表示
• jQueryのTimeEntryプラグインでマウスで時間を入力
• jQueryのAPIでソーシャルブックマークを表示する
• DOM, AJAX and Other Jquery Plugins
• toggleClassコマンドの使い方
• toggleコマンドの使い方
• bind/hoverコマンドの使い方
• jQueryのcountdownプラグインでカウントダウンを表示する
• clickイベントの使い方
• show/hideコマンドの使い方
• toggleコマンドの使い方
• slideDown/slideUpコマンドの使い方
• jQueryのfarbtasticプラグインでカラーを選択する
• Tooltips
• jQueryのtooltipプラグインでツールチップを表示する
• jQueryのAPIでツールチップを表示(その２)
• jQuery Basic
• jQuery Advanced
• show/hideコマンド
• show/hideコマンド(slow)
• toggleコマンド
• toggleコマンド(slow)
• jQuery Ajax
• AjaxでRSSフィードを表示
• jQueryのjTipプラグインでツールチップを表示する
• jQuery Core
• Selectors
• Attributes
• Traversing
• Manupulation
• CSS
• Events
• Ajax
• Utilities
• jQuery UI
• Basics
• #id
• element
• .class
• *
• selector1, selector2, selector3
• Hierarchy
• ancestor descendant
• Menu, Navigations
• jQuery UIのTabsプラグインでシンプルなタブを表示
• jQuery UIのTabsプラグインでAjax対応のタブを表示
• submitイベント
• selectorコマンド(Begin With)
• Rating Plugins
• jQueryのHalf-Star Ratingプラグインで５段階評価する
• parent > child
• prev + next
• prev ~ siblings
• Basic Filters
• :first
• :first
• :last
• :not(selector)
• :even
• :odd
• :eq(index)
• :gt(index)
• :lt(index)
• :header
• :animated
• Content Filters
• :contains(text)
• :empty
• :has(selector)
• :parent
• Visibility Filters
• :visible
• Attribute Filters
• [attribute]
• [attribute=value]
• [attribute!=value]
• [attribute^=value]
• [attribute*=value]
• [attributeFilter1][attributeFilter2][attributeFilterN]
• Effect
• Basics
• Sliding
• Fading
• show()
• slideUp(speed,callback)
• slideToggle(speed,callback)
• fadeIn(speed,callback)
• fadeTo(speed,opacity,callback)
• CSS
• css(name)
• UFrameでflickrの写真を表示
• css(name, value)
• Height and Width
• height()
• height(val)
• width()
• width(val)
• Page Load
• ready(fn)
• Event Handling
• one(type,data,fn)
• bind(type,data,fn)
• triggerHandler(type,data)
• unbind(type,data)
• Interaction Helpers
• Event Helpers
• change(fn)
• click(fn)
• Custom
• animate(params,duration,easing,callback)
• animate()
• animate()
• パネルをスライドさせる
• ボタンのツールチップを表示
• コンテンツを消す
• アコーディオン2
• ブロック単位でクリックできるようにする
• イメージを置換する
• dblclick(fn)
• focus(fn)
• blur(fn)
• mousedown(fn)
• mouseup(fn)
• mousemove(fn)
• mouseout(fn)
• mouseover(fn)
• submit(fn)
• unload(fn)
• User Agent
• jQuery.browser
• jQuery.browser.version
• String operations
• jQuery.trim(str)
• イベントのデフォルトの挙動を抑止
• CSSクラスを追加/削除
• 要素のチェイン処理
• 要素を可視/不可視にする
• filter/endコマンド
• jQuery Plugin Interface
• jQueryのinterfaceプラグインを利用したアコーディオン
• 外部リンクにアイコンを表示
• jQuery Plugin - Menu
• jQueryのiconDockプラグインを利用したドック型メニュー
• jQueryのLavaLampプラグインを利用したラバランプ型メニュー
• jQueryのLavaLampプラグインを利用したラバランプ型メニュー (Part2)
• jQueryのLavaLampプラグインを利用したラバランプ型メニュー (Part3)
• jQuery UIのTabsプラグインを利用したタブ型メニュー
• jQueryのTreeViewプラグインを利用したツリー型のメニュー
• jQueryのTreeViewプラグインを利用したツリー型のメニュー (Folder)
• jQueryのjdMenuプラグインを利用したドロップダウンメニュー(水平）
• jQueryのjdMenuプラグインを利用したドロップダウンメニュー(垂直)
• jQueryのcontextMenuプラグインを利用したコンテキストメニュー
• jQueryのrb_menuプラグインを利用したスライディングメニュー
• jQueryのAccordionプラグインを利用したアコーディオンメニュー
• jQueryのAPIを利用したアコーディオンメニュー (Part2)
• jQueryのAccordionプラグインを利用したアコーディオンメニュー (Part3)
• jQuery Plugin - Accordion
• jQueryのhoverAccordionプラグインを利用したアコーディオン
• jQueryのhoverAccordionプラグインを利用したアコーディオンメニュー
• jQueryのhorizontalAccordionプラグインを利用した水平型アコーディオン
• jQueryのhorizontalAccordionプラグインを利用した水平型アコーディオン (Part2)
• jQueryのAPIを利用して作成したポートレット
• jQuery Plugin - Text, Textarea
• jQueryのittabsプラグインでTextareaのタブを有効にする
• jQueryのResizableプラグインでTextareaをリサイズする
• jQueryのinnerfadeプラグインでニュースティッカーを表示する
• jQueryのinnerfadeプラグインでイメージを切り替える
• jQuery Plugin - Tooltip, Links
• ツールチップ(Ajax版)
• カスタムツールチップ
• パンチカード(ソーシャルブックマーク版)
• jQuery Plugin - Window, Prompt, Confirm
• ポップアップウィンドウ(リサイズ&ドラッグ)
• モダルダイアログ
• ページをブロックする
• ダイアログを表示する
• jQuery Plugin - Border, Corner, CSS
• ボックスの角をカスタマイズする
• カラーピッカー
• 星(★)の数で評価する
• スタイルシートを切り替える
• jQuery Plugin - Table, Sorting, Paging
• テーブルの列を並べ替える
• テーブルの幅をリサイズする
• テーブルをページングする
• テーブルの行/列をハイライトする
• jQuery Plugin - Drag & Drop
• 任意の方向にドラッグする
• ドロップするときのオプション設定
• フォルダーツリーをドラッグ＆ドロップして移動
• リサイズ＆ドラッグする
• jQuery Plugin - Slider
• YouTubeのビデオを左右にスライドさせる
• スライダーでイメージを拡大・縮小する
• 水平方向にスライドさせる
• カラーピッカー
• スライダーで価格を選択
• jQuery Plugin - Slideshow, Image Gallery, Thumbs
• スライドショー
• イメージギャラリー
• イメージを水平方向にスクロール
• イメージを垂直方向にスクロール
• イメージを水平方向にスクロール(thickbox版)
• イメージをサムネイル化する
• jQuery Plugin - Date, Time
• カレンダーから日付を選択する
• マウスで時刻を入力する
• カウントダウン
• タイマー
• jQuery Plugin - Form, Validation, Progress Bar
• 入力データを検証する
• すかし文字を表示する
• 入力したデータをクッキーに保存する
• 複数のドロップダウンリストを連動させる
• 進捗状況を表示する
• jQueryのAPIでツールチップを表示する
• Accordions, Slide and Toggle
• jQueryのAPIでサムネイルを拡大表示する(サムネイルを垂直に表示）#3
• jQueryのAPIでサムネイルを拡大表示(サムネイルを水平に表示) #4
• jQueryのAPIでイメージを左右に切り替える　#1
• jQueryのAPIでサムネイルを拡大表示する(サムネイルを下に表示) #2
• jQueryのAPIでアンカーテキストのヘルプ情報を表示する
• Single Menu (Flags)
• Audio, Video, Flash
• jQueryのGestYoutubeプラグインで動画のビデオギャラリーを表示
• jQuery Plugin - UI
• Widgets
• Datepicker Rounded Corners (カレンダーを角丸にする)
• Datepicker Change Calendar Theme (カレンダーのテーマを変える)
• Datepicker Save Selected Theme To Cookie (カレンダーのテーマをクッキーに保存)
• Datepicker
• Datepicker Icon Trigger (アイコンをクリックしてカレンダーを表示)
• Datepicker Display Multiple Months (3ヶ月のカレンダーを表示)
• Datepicker Format Date (日付の書式を設定)
• Datepicker Display Month and Year Menu (年月のドロップダウンリストを表示)
• Datepicker Restrict Date Range (日付の範囲を設定)
• Interactions
• Droppable
• Droppable Photo Manager
• jQuery backgroundPosition
• Accordion
• Accordion Default Functionarity
• Accordion Fill Space
• Accordion collapse Content
• Accordion Open On Mouseover
• Accordion Customize Icons
• Tabs
• Tabs Default Functionality (標準)
• Tabs Content via Ajax (Ajax経由)
• Tabs Open On Mouseover (マウスオーバー)
• Tabs Collapse Content (コンテンツを閉じる)
• Tabs Sortable (並べ替え)
• Dialog
• Dialog Default Functionality (標準)
• Dialog Modal Dialog (モダルダイアログ)
• Dialog Modal Message(モダルメッセージ)
• Dialog Confirmation (モダル確認)
• Dialog Modal Form (モダルフォーム)
• Slider
• Slider Simple Colorpicker (カラーピッカー)
• Progressbar
• Progressbar Default Functionality (標準)
• Progressbar Resizable (リサイズ)
• Draggable
• Draggable + Sortable
• Resizable
• Resizable Animate
• Sortable
• Sortable Drop Placeholder
• Sortable Connect Lists
• Sortable Portlets
• User Interface Demo
• Overlay and Shadow Classes
• Framework Icons
• Highlight / Error
• Effects
• General
• Show/Hide
• Effects General(Bounce)
• Effects General(Highlight)
• Effects General(Pulsate)
• Effects General(Shake)
• Effects General(Transfer)
• Effcts Show/Hide(Blind)
• Effcts Show/Hide(Clip)
• Effcts Show/Hide(Drop)
• Effcts Show/Hide(Explode)
• Show/Hide(Fold)
• Effcts Show/Hide(Puff)
• Effcts Show/Hide(Scale)
• Effcts Show/Hide(Slide)
• jQuery Plugin - Filament Group
• Articles About jQuery
• jQuery Quick Menu
• jQueryのAPIで広告枠を固定して常時表示する(Stay put)
• Photos/Images/Galleries
• jQueryでフォトスライドを表示する
• jQueryでインフォスライドを表示する
• jQueryのAPIでツリー型のメニューを表示する
• シンプルショッピングカート
• シンプルショッピングカート v2
• jQueryのanimate apiで写真の説明文を表示する
• jQueryのAPIでイメージを自動切り替えする
• jQueryのcycleプラグインでイメージにエフェクトを適用して切り替える
• jQueryのImageSwitchプラグインでイメージを切り替える
• jQueryのcolorboxプラグインでスライドショーを表示する
• jQueryのcolorboxプラグインでYoutubeの動画を表示する
• jQueryのzoomboxプラグインでYouTubeの動画を表示する
• jQueryのspaceGalleryプラグインでイメージをアニメーション化する
• jQueryのinfiniteCarouselプラグインをイメージを継続して回転させる
• jQueryのbeforeafterプラグインでイメージを比較する
• jQueryのjparallaxプラグインでイメージを動画にように移動させる
• jQueryのscrollToプラグインでWebページを任意の場所にスクロールする
• jQueryのserialScrollプラグインでスクロール型のタブを作る
• jQueryのjScrollPaneプラグインでスクロールバーをカスタマイズする
• jQueryのAPIを利用してスライダーでイメージを左右に移動する
• jQueryのjqDockプラグインでドック型メニューを表示
• jQueryのmenuプラグインでフライアウトメニューを表示
• jQueryのmenuプラグインでipodスタイル風のメニューを表示
• jQueryのkwicksプラグインでAppleライクな横伸縮メニューを表示
• jQueryのAPIでタブ型スライドメニューを表示
• jQueryのlavaLampプラグインでラバランプ型メニューを表示
• jQueryのdynatreeプラグインでツリーにラジオボタンを表示する
• jQueryのdynatreeプラグインでツリーにチェックボックスを表示する
• jQueryのjScrollPaneプラグインでスライダーでイメージを上下に移動する
• jQueryのprettyPhotoプラグインでサムネイルを拡大表示する
• jQueryのprettyPhotoプラグインで動画をサムネイル化して拡大表示する
• jQueryのeasySliderプラグインでイメージを横にスクロールする
• jQueryのeasySliderプラグインでイメージを横にスクロールする（番号で切替）
• jQueryのfancyBoxプラグインでサムネイルを拡大表示する
• jQueryのcatifyプラグインでイメージにキャプションを表示する
• jQueryのjcarouselプラグインでイメージを回転させる
• jQueryのjcarouselliteプラグインでイメージを回転させる
• jQueryのfancyzoomプラグインでイメージをズームする
• jQueryのpanelGalleryプラグインでイメージを徐々に切り替える
• jQueryのjmorphGalleryプラグインでイメージを徐々に切り替える
• jQueryのflyOffPageプラグインでイメージを飛ばしならが消す
• jQueryのs3Sliderプラグインでイメージを切り替えてキャプションを表示する
• jQueryのjcarousel/fancyboxプラグインでイメージをスクロール＆ズームする
• jQueryのgallerifficプラグインでイメージギャラリーを組み込む
• jQueryのgalleriaプラグインでイメージギャラリーを組み込む
• jQueryのsliderプラグインでイメージをスライドする
• jQuery UIのtabsでイメージを表示する
• jQueryのAPIでクリック型ドロップダウンメニューを表示
• jQueryのAPIでクリック型のアコーディンメニュー表示（サブメニュー付き）
• jQueryのAPIでイメージ型ドロップダウンメニューを表示
• CSSでイメージを部分的に拡大表示する
• jQueryのAPIでタブ型スライドショーを表示する
• スライドダウンメニュー (No Hack版)
• CDN(Content Delivery Network)
• Google CDN(Content Delivery Network)
• Google CDN2(Content Delivery Network)
• Microsoft AJAX CDN(Content Delivery Network)
• jQuery Plugin - Community
• jQueryのjCarousel/FancyBoxプラグインを利用してサムネイルをスクロール＆ズーム
• jQueryのjCarousel/Zoomboxプラグインを利用してビデオのサムネイルをスクロール＆ズーム
• jQueryのjCarousel/prettyPhotoプラグインでビデオのサムネイルをスクロール＆ズーム
• jQueryのWeekCalendarプラグインで１週間分のスケジュール表示
• Theme Switcher Widget
• Draggable Basic functionality
• Draggable Constrain movement(Part1)
• Draggable Constrain movement(Part2)
• Draggable Delay start
• Draggable Snap to element
• Draggable Snap to grid
• Draggable Auto-scroll
• Draggable Revert position
• Draggable Visual feedback
• Draggable Stack
• jQueryのStar Ratingプラグインで５星で評価する
• Draggable Drag handle
• Draggable Cursor style
• Droppable Default functionality
• Droppable Accepted elements
• Droppable Prevent propagation
• Droppable Visual feedback
• Droppable Revert draggable position
• Resizable Default functionality
• Resizable Preserve aspect ratio
• Resizable Maximum / Minimum size
• Resizable Constrain resize area
• Resizable Delay start
• Resizable Snap to grid
• Resizable Visual feedback
• Resizable Synchronous resize
• Selectable
• Selectable Default functionality
• Selectable Serialize
• Selectable Display as grid
• jQueryのSimpleGalleryプラグインでイメージギャラリー表示
• jQueryのSuperfishプラグインでドロップダウンメニュー表示
• jQueryのLivePreviewプラグインでプレビューを表示
• jQuery: リンクにショートカットキーを組み込む
• jQuery: 任意の要素を表示/非表示にするには
• jQuery: ドロップダウンリストのアイテムを並べ替える
• jQuery: select要素のアイテムを追加するプラグインを作成する
• jQuery: 表の行を削除したとき復元できるようにするプラグイン
• jQuery 1.4 / jQuery 1.4.1
• jQuery 1.4でanchor要素を作成するとき複数の属性を追加する
• jQuery 1.4でdiv要素を作成するときcssのプロパティとイベントを追加する
• jQuery 1.4のnextUntil()の使い方
• jQuery 1.4のparentsUntil()の使い方
• Appleスタイルのスライド型メニュー
• jQueryのElementStackプラグインでイメージを重ねる
• jQueryのMopTipプラグインでリンクのツールチップを表示する
• jQuery 1.4のdelay()の使い方
• jQuery 1.4.1のanimate()の使い方
• イメージをロード中にアニメーションGIFを表示する
• テキストボックスにすかし文字を表示する
• jQuery: マウスの右クリックを無効にする
• HTML要素をセンタリングする
• イメージをフェイドアウト/フェイドインさせて切り替える
• セレクタで選択した要素が存在するかどうか調べる
• jqBargraph: 月間訪問者数を棒グラフで表示(Simple Bar Graph)
• jqBargraph:　年度別のディスプレイ解像度統計をグループ化して棒グラフに表示(Multi Bar Graph)
• jqBargraph:　広告の年間売上高をスタック型の棒グラフで表示(Stacked Bar Graph)
• YoxView: サムネイルを拡大表示する（自動スライドショー機能付き）
• Retweet数がわかる(サムネイルも表示) Who-Tweet Button
• テキストボックスにグーグルのオートコンプリートを適用する
• jQueryのbubbleupプラグインでアイコンを拡大する
• テキストボックスにヘルプ情報を表示する
• リンク先を新規ウィンドウに表示する
• 注文ボタンを１回のみクリックできるようにする
• RoundAboutプラグインでボックスを回転させる
• RoundAboutプラグインでイメージを回転させる
• RoundAboutプラグインでボックスを回転させる v2
• RoundAboutプラグインでイメージを回転させる v2
• SNSボタンを回転させる
• CoolirisでFlickrの写真を3Dでアニメーション化する
• coolirisでYouTubeのビデオ3Dでアニメーション化する
• jFlipプラグインでイメージをフリップさせながら切り替える
• Sexy Curlsプラグインでページの角をまきあげる
• jQueryで3Dを実装する
• jQueryでメージを横にフリップする
• jQueryのImageCubeプラグインを利用してイメージを回転させながら切り替える
• jQueryのImageCubeプラグインを利用してイメージを回転させながら切り替える V2
• Twitter APIを利用してキーワードで検索した結果を表示する(ページング機能追加) V2
• jQueryのsliderでイメージを左右にスクロールさせる
• jQueryのinfiniteCarouselでイメージを自動回転させる
• jQueryのSticky Notesプラグインを利用してウェブページに付箋を貼る
• jQueryのCountDownプラグインを利用してカウントダウンを表示する
• jQueryのspriteプラグインでウェブページにカラスを飛ばす

ASP.NET 3.5| Akio's Blog

•            

1637 (212) © 2007-2010 JavaScript + Ajax Samples