jQueryのメモ帳 http://www.paging.jp/jquery jQueryのちょこっとメモ Fri, 25 Feb 2011 18:56:06 +0000 ja hourly 1 http://wordpress.org/?v=3.0.4 特定の位置までスクロールすると設定した動作を実行する「jQuery Waypoints」 http://www.paging.jp/jquery/2011/02/26/%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%92%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%9f%e3%81%a8%e3%81%8d%e3%81%ab%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%82%92%e8%a1%a8%e7%a4%ba/ http://www.paging.jp/jquery/2011/02/26/%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%92%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%9f%e3%81%a8%e3%81%8d%e3%81%ab%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%82%92%e8%a1%a8%e7%a4%ba/#comments Fri, 25 Feb 2011 18:00:57 +0000 sakuralove http://www.paging.jp/jquery/?p=51 特定の位置までスクロールすると設定した動作を実行できるプラグイン。

ヘッダーに設置したグローバルメニューをスクロールに追随させたり、スクロールしたらページトップへのリンクの表示をさせたりといった動きを取り入れる際に便利。

Sticky Elements with jQuery Waypoints

他にも動作サンプルが2つほど掲載されています。ダウンロード・サンプルは下記。

jQuery Waypoints

]]> http://www.paging.jp/jquery/2011/02/26/%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%92%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%97%e3%81%9f%e3%81%a8%e3%81%8d%e3%81%ab%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%82%92%e8%a1%a8%e7%a4%ba/feed/ 0 jQuery1.5.1リリース http://www.paging.jp/jquery/2011/02/26/jquery1-5-1%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9/ http://www.paging.jp/jquery/2011/02/26/jquery1-5-1%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9/#comments Fri, 25 Feb 2011 17:33:27 +0000 sakuralove http://www.paging.jp/jquery/?p=48 jQuery: » jQuery 1.5.1 Released

jQuery: The Write Less, Do More, JavaScript Library

]]> http://www.paging.jp/jquery/2011/02/26/jquery1-5-1%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9/feed/ 0 コンテンツをスライドさせて表示する「jQuery pageSlide」 http://www.paging.jp/jquery/2010/10/02/%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%81%95%e3%81%9b%e3%81%a6%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e3%80%8cjquery-pageslide%e3%80%8d/ http://www.paging.jp/jquery/2010/10/02/%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%81%95%e3%81%9b%e3%81%a6%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e3%80%8cjquery-pageslide%e3%80%8d/#comments Fri, 01 Oct 2010 19:03:55 +0000 sakuralove http://www.paging.jp/jquery/?p=41 普段かくれている右にあるコンテンツをスライドして表示させるプラグイン。

jQuery pageSlide by Scott Robbin

]]> http://www.paging.jp/jquery/2010/10/02/%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%81%95%e3%81%9b%e3%81%a6%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e3%80%8cjquery-pageslide%e3%80%8d/feed/ 0 ブロック要素をきれいにレイアウトしてくれる「jQuery Masonry」 http://www.paging.jp/jquery/2010/10/02/%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e8%a6%81%e7%b4%a0%e3%82%92%e3%81%8d%e3%82%8c%e3%81%84%e3%81%ab%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%81%97%e3%81%a6%e3%81%8f%e3%82%8c%e3%82%8b%e3%80%8cjq/ http://www.paging.jp/jquery/2010/10/02/%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e8%a6%81%e7%b4%a0%e3%82%92%e3%81%8d%e3%82%8c%e3%81%84%e3%81%ab%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%81%97%e3%81%a6%e3%81%8f%e3%82%8c%e3%82%8b%e3%80%8cjq/#comments Fri, 01 Oct 2010 18:11:01 +0000 sakuralove http://www.paging.jp/jquery/?p=38 サイズのまちまちなブロック要素をきれいにレイアウトしてくれるプラグイン。

jQuery Masonry · David DeSandro

]]> http://www.paging.jp/jquery/2010/10/02/%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e8%a6%81%e7%b4%a0%e3%82%92%e3%81%8d%e3%82%8c%e3%81%84%e3%81%ab%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%81%97%e3%81%a6%e3%81%8f%e3%82%8c%e3%82%8b%e3%80%8cjq/feed/ 0 スクロールバーをカスタマイズする「jScrollPane」 http://www.paging.jp/jquery/2010/10/02/%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%83%90%e3%83%bc%e3%82%92%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba%e3%81%99%e3%82%8b%e3%80%8cjscrollpane%e3%80%8d/ http://www.paging.jp/jquery/2010/10/02/%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%83%90%e3%83%bc%e3%82%92%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba%e3%81%99%e3%82%8b%e3%80%8cjscrollpane%e3%80%8d/#comments Fri, 01 Oct 2010 18:05:01 +0000 sakuralove http://www.paging.jp/jquery/?p=36 スクロールバーをカスタマイズできるプラグイン。

jScrollPane – cross browser styleable scrollbars with jQuery and CSS

]]> http://www.paging.jp/jquery/2010/10/02/%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%83%90%e3%83%bc%e3%82%92%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba%e3%81%99%e3%82%8b%e3%80%8cjscrollpane%e3%80%8d/feed/ 0 プルダウンで大型サブメニューを表示する「jQuery listmenu plugin」 http://www.paging.jp/jquery/2010/10/02/jquery-listmenu-plugin/ http://www.paging.jp/jquery/2010/10/02/jquery-listmenu-plugin/#comments Fri, 01 Oct 2010 17:53:27 +0000 sakuralove http://www.paging.jp/jquery/?p=29 プルダウンで大型サブメニューを表示するためのプラグイン。

jQuery listmenu plugin – javascript list navigation menu control

]]> http://www.paging.jp/jquery/2010/10/02/jquery-listmenu-plugin/feed/ 0 プルダウンで大型サブメニューを表示するためのチュートリアル http://www.paging.jp/jquery/2010/10/02/mega-drop-down-menus/ http://www.paging.jp/jquery/2010/10/02/mega-drop-down-menus/#comments Fri, 01 Oct 2010 17:36:50 +0000 sakuralove http://www.paging.jp/jquery/?p=27 プルダウンで大型サブメニューを表示するためのチュートリアル。

Mega Drop Down Menus

]]> http://www.paging.jp/jquery/2010/10/02/mega-drop-down-menus/feed/ 0 オートスライド機能がついたコンテンツスライダー「Easy Slider 1.7」 http://www.paging.jp/jquery/2010/10/02/easy-slider-1-7/ http://www.paging.jp/jquery/2010/10/02/easy-slider-1-7/#comments Fri, 01 Oct 2010 17:31:41 +0000 sakuralove http://www.paging.jp/jquery/?p=25 オートスライド機能がついたコンテンツスライダープラグイン。

Easy Slider 1.7 – Numeric Navigation jQuery Slider | Css Globe

]]> http://www.paging.jp/jquery/2010/10/02/easy-slider-1-7/feed/ 0 プルダウンでサブメニューを表示するためのチュートリアル http://www.paging.jp/jquery/2010/10/02/horizontal-sub-nav/ http://www.paging.jp/jquery/2010/10/02/horizontal-sub-nav/#comments Fri, 01 Oct 2010 17:10:14 +0000 sakuralove http://www.paging.jp/jquery/?p=15 プルダウンでサブメニューを表示するためのチュートリアル。

Horizontal Sub-nav with CSS & jQuery – Subnavigation Tutorial – CSS Tutorial – jQuery Tutorial | HTML/CSS Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka

]]> http://www.paging.jp/jquery/2010/10/02/horizontal-sub-nav/feed/ 0 オートスライド機能がついたコンテンツスライダーを作るためのチュートリアル http://www.paging.jp/jquery/2010/10/02/automatic-image-slider/ http://www.paging.jp/jquery/2010/10/02/automatic-image-slider/#comments Fri, 01 Oct 2010 17:03:21 +0000 sakuralove http://www.paging.jp/jquery/?p=13 オートスライド機能がついたコンテンツスライダーを作るためのチュートリアル。

Automatic Image Slider w/ CSS & jQuery | Simple Image Slider Tutorial | jQuery Slider | jQuery Image Rotator | jQuery Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka

]]> http://www.paging.jp/jquery/2010/10/02/automatic-image-slider/feed/ 0