[JS]Lightboxã®é€²åŒ–å½¢ï¼æ“作性ãŒå¿«é©ã§ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚ã´ã£ãŸã‚Šãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¹ã‚¯ãƒªãƒ—ト -Stripスマホãªã©ã®å°ã•ã„スクリーンã§ã¯æ˜”ã‹ã‚‰ã‚ã‚‹Lightbox風ã®ä½“験を与ãˆã€ã‚ˆã‚Šå¤§ãã„スクリーンã§ã¯ãƒšãƒ¼ã‚¸ä¸Šã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ã‚¹ãƒšãƒ¼ã‚¹ã‚’残ã™ã‚ˆã†è¨è¨ˆã•ã‚ŒãŸã€ç”»åƒã‚„動画をアニメーションã§æ‹¡å¤§è¡¨ç¤ºã•ã›ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ フラットãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚相性ãŒéžå¸¸ã«ã‚ˆãã€æ“作も快é©ã§ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆã§ã™ï¼ ã—ã‹ã‚‚ã€IE7+ã«ã‚‚対応。 Strip Strip -GitHub Stripã®ãƒ‡ãƒ¢ Stripã®ä½¿ã„æ–¹ Stripã®ãƒ‡ãƒ¢ デモã¯Chrome, Safari, Firefox, Opera, IEã¯7+ã€iOS5+, Android3+ã§ã”覧ãã ã•ã„。 å„ç”»åƒã‚’クリック・タップã™ã‚‹ã¨ã€æ‹¡å¤§ç”»åƒãŒã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 拡大時ã¯ãã®ã¾ã¾ä»–ã®ç”»åƒã‚‚表示ã§ãるギャラリー機能ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ デモ：幅780pxã§è¡¨ç¤º スライド表示ã•ã›ã‚‹ã®ã¯ç”»åƒã ã‘ã§ãªãã€YouTubeã‚„Vimeoãªã©
![[JS]Lightboxã®é€²åŒ–å½¢ï¼æ“作性ãŒå¿«é©ã§ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚ã´ã£ãŸã‚Šãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¹ã‚¯ãƒªãƒ—ト -Strip](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4b391a890221ac5696699ef145a5921c27e5824/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014100601-01.png)
è¦‹æ „ãˆãŒã‚ˆããªã£ãŸï¼Web制作ã™ã‚‹ãªã‚‰çŸ¥ã£ã¦ãŠããŸã„jQueryプラグインã¾ã¨ã‚
『jQuery 最高ã®æ•™ç§‘書ã€ã‚µãƒ³ãƒ—ルサイト
ã„ã„åŠ æ¸›ã€<script src="http://..　ã¨æ›¸ãã®ã¯ã‚„ã‚ã¾ã—ょㆠ- DQNEOèµ·æ¥æ—¥è¨˜
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ç”»åƒã«ALTã«è¨˜è¿°ã—ãŸã‚ャプションを表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト「jCaption〠| CSS Lecture
Mosaic – Sliding Boxes and Captions jQuery Plugin « Build Internet
jQuery++
finefinefine.jp
[JS]ç•°ãªã‚‹é«˜ã•ã®divè¦ç´ ã‚’æƒãˆã‚‹ã ã‘ã§ãªãã€å‡ç‰å‰²ä»˜ã‚„グリッドã«æƒãˆã‚‹ã“ã¨ã‚‚ã§ãるスクリプト -jQuery.grrrid.js
jQuery UI Tabsを使ã£ã¦ã‚¿ãƒ–を実装ã™ã‚‹
anything from herejquery.js ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚³ãƒ¼ãƒ‰ã®è§£èª ( 10 ) 番外編 easing関数解èª
jQueryåˆå¿ƒè€…å‘ã‘ã®åŸºç¤Žã‚’ã—ã£ã‹ã‚Šå¦ã¹ã‚‹ã‚µã‚¤ãƒˆ
CSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ … ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãれるã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸ
写真スライド　jCarousel - Riding carousels with jQuery
jQueryã§ã‚¿ãƒ–パãƒãƒ«ã‚’作るãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« (1/3)
èªè¨¼ãŒã‹ã‹ã£ã¦ã„ã¾ã™
http://caroufredsel.frebsite.nl/
http://blog.net-king.com/2010/10/06/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AB%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%81%99%E3%82%8B%E3%81%A8%E3%83%A1%E3%82%A4%E3%83%B3%E7%94%BB%E5%83%8F%E3%81%8C%E5%88%87/
タブやアコーディオンãªã©ã€æ§˜ã€…ãªUI構築用ã®jQueryプラグイン30個以上をセットã«ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ワーク・ jQuery EasyUI - ã‹ã¡ã³ã¨.net
{{#tags}}- {{label}}
{{/tags}}