ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
jQueryã§ä½¿ãˆã‚‹ã‚µã‚¸ã‚§ã‚¹ãƒˆãƒ—ラグイン&ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«10é¸ | Web活メモ帳
WebデザインやWeb開発ã«ä½¿ãˆã‚‹ã‚ªãƒ¼ãƒ—ンソースプãƒã‚°ãƒ©ãƒ を紹介ã™ã‚‹blogfreakzã¨ã„ã†ãƒ–ãƒã‚°ã«ã¦jQueryã§ä½¿ãˆã‚‹ã‚µã‚¸ã‚§ã‚¹ãƒˆãƒ—ラグインã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ 「10 Awesome jQuery Autocomplete Plugins & Tutorialsã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰æŠœç²‹ã—ã¦ã”紹介。 A Simple Movie Search App w/ jQuery UI ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€€ãƒ‡ãƒ¢ PHPã¨é€£æºã™ã‚‹ãƒ—ラグインã§ã™ã€‚ How to Use the jQuery UI Autocomplete Widget ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€€ãƒ‡ãƒ¢ jQuery UI 1.8を使用ã™ã‚‹ã‚µãƒ³ãƒ—ルã§ã™ã€‚ Facebook Like List auto complete with FCBKcomplete, JQuery and Coldfusion ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€€ãƒ‡ãƒ¢ FCB
jQueryライクã«ä½¿ãˆã¦2KBã—ã‹ãªã„スマートフォン用JSフレームワーク「zepto.jsã€:phpspot開発日誌
zepto.js ? the aerogel-weight mobile javascript framework jQueryライクã«ä½¿ãˆã¦2KBã—ã‹ãªã„スマートフォン用JSフレームワーク「zepto.jsã€ã€‚ ãã‚Œãªã‚Šã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚速度ãŒã§ã‚‹ã¨ã¯ã„ãˆè»½ã„ã«è¶Šã—ãŸã“ã¨ã¯ãªã„ã¨ã„ã†ã¨ã“ã‚ã§ã€jQueryã®minify版ãŒ26KB (1.4.3) ã¨ã„ã†ã¨ã“ã‚ã§ã€ï¼‘ï¼åˆ†ã®ï¼‘以下ã®ã‚µã‚¤ã‚ºã§jQueryã¨åŒã˜ã‚ˆã†ã«ä½¿ãˆã‚‹ã®ã¯ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã（当然機能ã¯è½ã¡ã¾ã™ãŒï¼‰ 詳細ã«ã¤ã„ã¦ã¯ä»¥ä¸‹ã®SlideShareã‚‚å‚考ã«å‡ºæ¥ã¾ã™
ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ï¼“ã¤ã®çŠ¶æ…‹ã‚’æŒãŸã›ã‚‰ã‚Œã‚‹jQueryプラグイン「TRI-STATE CHECKBOXã€:phpspot開発日誌
ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ï¼“ã¤ã®çŠ¶æ…‹ã‚’æŒãŸã›ã‚‰ã‚Œã‚‹jQueryプラグイン「TRI-STATE CHECKBOX〠2010å¹´08月03æ—¥- Plugins | jQuery Plugins ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ï¼“ã¤ã®çŠ¶æ…‹ã‚’æŒãŸã›ã‚‰ã‚Œã‚‹jQueryプラグイン「TRI-STATE CHECKBOX〠通常ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¨ã„ãˆã°ONã‹OFFã‹ã§ã™ãŒã€ä¸é–“ã®æ„味をæŒã¤çŠ¶æ…‹ã‚’次ã®ã‚ˆã†ã«è¡¨ã›ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 例ãˆã°ã€Header1 ã®ä¸‹ä½ã®ã‚¢ã‚¤ãƒ†ãƒ ãŒå…¨éƒ¨ãƒã‚§ãƒƒã‚¯ã•ã‚Œã¦ã„ãªã„ã‘ã©ã€éƒ¨åˆ†çš„ã«ãƒã‚§ãƒƒã‚¯ã•ã‚Œã¦ã„ã‚‹ã¨ã„ã†çŠ¶æ…‹ã‚’表ã›ã¾ã™ã€‚ ウイルスソフトã®éƒ¨åˆ†æŒ‡å®šãªã‚“ã‹ã«ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリケーションã§ã¯æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹UIã§ã™ã。 下ä½ã®ã‚¢ã‚¤ãƒ†ãƒ を全部ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã¨ã€Header1ã¯é€šå¸¸ã®ãƒã‚§ãƒƒã‚¯çŠ¶æ…‹ã«ãªã‚Šã¾ã™ã€‚ 使ã„ã©ã“ã‚ã«ã‚ˆã£ã¦ã¯ä¾¿åˆ©ãªUIã¥ãã‚Šã«å½¹ç«‹ã¦ã‚‰ã‚Œãã†ã§ã™ã。 関連エントリ フォームã«ç°¡æ˜“é›»å“を組ã¿è¾¼ã‚ã‚‹
cssスプライトã¨jQueryを組ã¿åˆã‚ã›ãŸãƒŠãƒ“ゲーションメニュー・AutoSprites - ã‹ã¡ã³ã¨.net
cssスプライトをjQueryã¨çµ„ã¿åˆã‚ã›ã¦ 使用ã™ã‚‹AutoSpritesã‚’ã”紹介ã—ã¾ã™ã€‚ 軽é‡åŒ–ã§ãã‚‹ã®ã§äººæ°—ã®ã‚ã‚‹cssスプ ライトã«jQueryã‚’åŠ ãˆã‚‹äº‹ã§ã‚ˆã‚Šè±Šã‹ãª 表ç¾ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã。 HTMLソースも綺麗ãªã¾ã¾ä½¿ãˆã¾ã™ã®ã§ãªã‹ãªã‹ä½¿ãˆãã†ã§ã™ã€‚å•é¡Œã®IE6ã€7ã§ã®å®Ÿè£…もクリアã—ã¦ã„ã¾ã™ã‚ˆã€‚ フェードã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‚¯ãƒ¼ãƒ«ã§ã™ã。 cssスプライトを使用ã—ã¦ãŠã‚Šã€3種ã®ç”»åƒã‚’使ã£ã¦è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ マークアップ HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã‚·ãƒ³ãƒ—ル。 <ul id="hnav"> <li id="hnavhome"><a href="#">Home</a></li> <li id="hnavlocal"><a href="#">Local Industry</a></li> <li id="hnavhigher"><a href="#">Higher Educati
ページ内スクãƒãƒ¼ãƒ«ã®jQueryプラグインã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
ページ内ã€è¦ç´ é–“ã®ã‚¹ãƒ ース㪠スクãƒãƒ¼ãƒ«ã‚’実装ã™ã‚‹äº‹ãŒå¯èƒ½ãª jQueryプラグインã®ãƒ¡ãƒ¢ã€‚使ã£ã¦ã„ るサイトもéšåˆ†è¦‹ã‹ã‘るよã†ã«ãªã£ ã¦ãã¾ã—ãŸã。 個人的ã«ã¯ç‰¹å®šã®ã‚‚ã®ã—ã‹ä½¿ã£ã¦ãŠã‚‰ãšã€ã„ã‚ã„ã‚ã¨æŒ‘戦ã—ãŸã„ã¨è€ƒãˆã¦ã„ã‚‹ã®ã§ãã®ã¨ã用ã«ãƒ¡ãƒ¢ã€‚カルーセルã¨ã‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¿ãŸã„ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚¿ã‚¤ãƒ—ã¯ä»Šå›žå‰²æ„›ã—ã¦ã„ã¾ã™ã€‚ ScrollTo Posts With jQuery ページ内をダイナミックã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€‚サイドã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã£ã½ã„ã¨ã“ã‚ã§æ“作ã—ã¾ã™ã€‚ ScrollTo Posts With jQuery Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery 3種類ã‚ã‚Šã¾ã™ã€‚divè¦ç´ ã‚’1ページ表示ã—ã¦ã‚¹ãƒ ーズãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ç§»å‹•ã€‚ Create a Vertical, Horizontal an
連載：jQuery 逆引ãリファレンス 第8回 Ajax編（å‰ç·¨ï¼‰ − ï¼ IT
ｊQueryを使ãˆã°Ajax技術ã«ã‚ˆã‚‹éžåŒæœŸå‡¦ç†ã‚‚ç°¡æ½”ã«è¨˜è¿°ã§ãる。Ajax関連ã®åŸºæœ¬ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ã¾ã¨ã‚ãŸã€ã™ãã«å½¹ç«‹ã¤10本を一挙公開。 連載目次 ã“ã®ã‚·ãƒªãƒ¼ã‚ºã§ã¯ã€jQueryã®åŸºæœ¬æ©Ÿèƒ½ã‚’逆引ãリファレンスã®å½¢å¼ã§ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚リファレンスã¨ã„ã†æ€§è³ªä¸Šã€æœ¬é€£è¼‰ã§ã¯å…¥é–€ãƒ¬ãƒ™ãƒ«ã§ã®è§£èª¬ã¯å‰²æ„›ã—ã¦ã„ã¾ã™ã€‚jQueryã®åŸºæœ¬æ§‹æ–‡ã€Visual Studio上ã§jQueryを利用ã™ã‚‹æ–¹æ³•ãªã©ã«ã¤ã„ã¦ã¯ã€æ‹™ç¨¿ã€ŒASP.NETプãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQuery入門ã€ã‚’ä½µã›ã¦å‚ç…§ã™ã‚‹ã“ã¨ã‚’ãŠå‹§ã‚ã—ã¾ã™ã€‚ ã•ã¦ã€æœ¬é€£è¼‰ã‚‚第8回ã¨ãªã‚‹ä»Šå›žã¯ã€ŒAjaxç·¨ã€ã§ã™ã€‚Ajaxã¨ã¯ã€ã²ã¨è¨€ã§ã„ã†ãªã‚‰ã°ã€JavaScriptコードã‹ã‚‰ã‚µãƒ¼ãƒã«å¯¾ã—ã¦HTTP通信を行ã†ãŸã‚ã®æŠ€è¡“ã§ã™ã€‚Ajax技術を利用ã™ã‚Œã°ã€ã‚µãƒ¼ãƒã¨ã®é€šä¿¡ã®ãŸã³ã«ãƒšãƒ¼ã‚¸å…¨ä½“をリフレッシュã•ã›ã‚‹ã“ã¨ãŒãªã„ãŸã‚ã€é€”ä¸ã§æ“作をé®ã‚‰ã‚Œã‚‹ã“ã¨ã®ãªã„ã€ã‚ˆã‚Šä½¿ã„ã‚„ã™ã„
Microsoft発ã®jQueryã‚°ãƒãƒ¼ãƒãƒªã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ—ラグイン - ï¼ IT
本記事ã¯ã€Microsoftã®æœ¬ç¤¾å‰¯ç¤¾é•·ã§ã‚ã‚Šã€ASP.NETã‚„Silverlightãªã©ã®é–‹ç™ºãƒãƒ¼ãƒ を率ã„ã‚‹Scott Guthrieæ°ã®ãƒ–ãƒã‚°ã‚’翻訳ã—ãŸã‚‚ã®ã§ã™ã€‚æ°ã®è¨±å¯ã‚’å¾—ã¦è»¢è¼‰ã—ã¦ã„ã¾ã™ã€‚ 先月ã€MicrosoftãŒã©ã®ã‚ˆã†ã«jQueryã¸ã‚³ãƒ¼ãƒ‰å¯„稿を開始ã—ãŸã®ã‹ã€ãã—ã¦ã€jQueryテンプレートã¨ãƒ‡ãƒ¼ã‚¿ãƒ»ãƒªãƒ³ã‚ングã®ã‚µãƒãƒ¼ãƒˆã®ãŸã‚ã«è¡Œã£ãŸæœ€åˆã®ã‚³ãƒ¼ãƒ‰å¯„稿ã®ã„ãã¤ã‹ã«ã¤ã„ã¦ãƒ–ãƒã‚°æŠ•ç¨¿ã—ã¾ã—ãŸã€‚ 本日（2009/6/10）ã¯ã€jQueryã‚°ãƒãƒ¼ãƒãƒªã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ—ラグインをリリースã—ã€ã“ã‚Œã«ã‚ˆã‚ŠJavaScriptアプリケーションã«ã‚°ãƒãƒ¼ãƒãƒªã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ã‚µãƒãƒ¼ãƒˆãŒè¿½åŠ ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã®ãƒ—ラグインã«ã¯ã€ã‚²ãƒ¼ãƒ«èªžã€ãƒ•ãƒªã‚¸ã‚¢èªžã€ãƒãƒ³ã‚¬ãƒªãƒ¼èªžã€æ—¥æœ¬èªžãªã©ã‹ã‚‰ã€ã‚«ãƒŠãƒ€è‹±èªžã¾ã§ã€350以上ã®ã‚«ãƒ«ãƒãƒ£ã«å¯¾ã™ã‚‹ã‚°ãƒãƒ¼ãƒãƒªã‚¼ãƒ¼ã‚·ãƒ§ãƒ³æƒ…å ±ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®ãƒ—ラグインをオープンソースã¨ã—ã¦ã€ã‚³
ã‚ãªãŸã®Webを入力ã—ã‚„ã™ãã™ã‚‹jQueryプラグイン10é¸
ã‚ãªãŸã®Webを入力ã—ã‚„ã™ãã™ã‚‹jQueryプラグイン10é¸ï¼šCSSã®æ›¸ã方も分ã‹ã‚‹jQueryプラグイン実践活用法（終）（1/5 ページ） jQueryã¨ã€ãã®ãƒ—ラグインã®ä½¿ã„方をã€UI効果（エフェクト）ã®ãƒ†ãƒ¼ãƒžã”ã¨ã«ç´¹ä»‹ã™ã‚‹é€£è¼‰ã€‚jQuery/JavaScript/HTMLコードã ã‘ã§ã¯ãªãã€CSSã®æ›¸ã方も解説ã™ã‚‹ã“ã¨ã§ã€ã‚ˆã‚Šå®Ÿè·µçš„ã«jQueryプラグインを使ã†ãŸã‚ã®å‚考ドã‚ュメントã«ãªã‚‹ã“ã¨ã‚’目指ã—ã¦ã„ã¾ã™ã€‚ å‰å›žã®ã€Œç”»åƒã‚„動画を綺麗ã«å›žè»¢/拡大ã™ã‚‹jQueryプラグインã€ã§ã¯ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’回転ã•ã›ãŸã‚Šã‚ºãƒ¼ãƒ インã™ã‚‹ã€ŒjCarouselã€ã€ŒZoomboxã€ãƒ—ラグインã®ä½¿ã„方を解説ã—ã¾ã—ãŸã€‚今回ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ を使ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®å„種プラグインをã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ï¼ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã€ãƒ‰ãƒãƒƒãƒ—ダウンリストã€ãƒ†ã‚ストボックスï¼ãƒ†ã‚ストエリアã€ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚«ãƒ†ã‚´ãƒªåˆ¥ã«åˆ†é¡žã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚
[JS]表組ã¿ã®ãƒ˜ãƒƒãƒ€ã‚’固定ã—ã€è¡¨ç¤ºã™ã‚‹åˆ—ã‚‚é¸æŠžã§ãるスクリプト
左上ã®ã‚¢ãƒãƒ¼ã‚’クリックã™ã‚‹ã¨ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ スクリプトã¯ã‚¯ãƒƒã‚ーã«ã‚‚対応ã—ã¦ãŠã‚Šã€é¸æŠžã—ãŸåˆ—をクッã‚ーã«ä¿å˜ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ スクリプトã¯jQueryã®ãƒ—ラグインã®ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚ オプションã§ã¯ã€ãƒ†ãƒ¼ãƒ–ルã®å¹…ã¨é«˜ã•ã€åˆ—é¸æŠžã®æœ‰ç„¡ã€ã‚¯ãƒƒã‚ーã®æœ‰ç„¡ã‚’è¨å®šã§ãã¾ã™ã€‚基本ã®æ›¸å¼ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ JavaScript <textarea name="code" class="js" cols="60" rows="5"> $(tableID).scrollableFixedHeaderTable(widthpx, heightpx, showSelect, cookie) </textarea>
jQuery.ajax(options) - jQuery 日本語リファレンス
HTTP通信ã§ãƒšãƒ¼ã‚¸ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ ã“ã®é–¢æ•°ã¯jQueryã«ãŠã‘ã‚‹AJAX通信ã®åŸºæœ¬éƒ¨åˆ†ã§ã€å®Ÿéš›ã«ã¯$.getã‚„$.postã¨ã„ã£ãŸé–¢æ•°ã‚’使ã£ãŸæ–¹ãŒã€å®¹æ˜“ã«å®Ÿè£…ã§ãã¾ã™ã€‚ 但ã—ã€ã“れらã®æŠ½è±¡åŒ–ã•ã‚ŒãŸé–¢æ•°ã¯å®Ÿè£…ã®å®¹æ˜“ã•ã¨å¼•ãæ›ãˆã«ã€ã‚¨ãƒ©ãƒ¼æ™‚ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ãªã©ã®è¤‡é›‘ãªæ©Ÿèƒ½ã‚’失ã£ã¦ã„ã¾ã™ã€‚ãã®ã‚ˆã†ãªå‡¦ç†ã‚’実装ã—ãŸã„å ´åˆã¯ã€ã‚„ã¯ã‚ŠåŸºå¹¹ã§ã‚ã‚‹ã“ã®é–¢æ•°ã‚’用ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ $.ajax関数ã¯ã€æˆ»ã‚Šå€¤ã¨ã—㦠XMLHttpRequestオブジェクトを返ã—ã¾ã™ã€‚殆ã©ã®å ´åˆã€ã“ã®ã‚ªãƒ–ジェクトを直接æ“作ã™ã‚‹ã“ã¨ã¯ç„¡ã„ã¨æ€ã‚ã‚Œã¾ã™ãŒã€ä¾‹ãˆã°æŠ•ã’ã¦ã—ã¾ã£ãŸãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’ä¸æ–ã™ã‚‹å ´åˆãªã©ã€å¿…è¦ã§ã‚ã‚Œã°åˆ©ç”¨ã—ã¦ä¸‹ã•ã„。 ã“ã®é–¢æ•°ã¯å¼•æ•°ã‚’ã²ã¨ã¤ã ã‘ã¨ã‚Šã¾ã™ãŒã€å®Ÿéš›ã«ã¯ãƒãƒƒã‚·ãƒ¥ã§ã€ã‚ーã¨å€¤ã®çµ„ã¿åˆã‚ã›ã«ã‚ˆã‚Šå¤šãã®ã‚ªãƒ—ションをå—ã‘å–ã‚Šã¾ã™ã€‚ 以下ã«ãã®ä¸€è¦§ã‚’載ã›ã¾ã™ã®ã§ã€å‚考ã«ã—ã¦ä¸‹ã•ã„。 async / boolea
１個目ã®selectã§ï¼’個目ã®selectã®å†…容を簡å˜ã«å¤‰ãˆã‚‰ã‚Œã‚‹jQueryプラグイン「Doubleselectã€:phpspot開発日誌
１個目ã®selectã§ï¼’個目ã®selectã®å†…容を簡å˜ã«å¤‰ãˆã‚‰ã‚Œã‚‹jQueryプラグイン「Doubleselect〠2010å¹´05月26æ—¥- jQuery Doubleselect Plugin １個目ã®selectã§ï¼’個目ã®selectã®å†…容を簡å˜ã«å¤‰ãˆã‚‰ã‚Œã‚‹jQueryプラグイン「Doubleselectã€ã€‚ 次ã®ã‚ˆã†ã«ã€ï¼‘個目ã®Selectボックスã®å†…容ã«ã‚ˆã£ã¦ï¼’個目ã®selectボックスã®å†…容ãŒå®¹æ˜“ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚ˆã†ãªUIãŒç°¡å˜ã«å®Ÿç¾ã§ãã¦ã—ã¾ã†ãƒ—ラグインã§ã™ã€‚ １個目ãŒé‡Žèœ(Vegetables)ã®å ´åˆã¯ã€tomato, potato, asparagus ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ １個目をフルーツ(Fruits)ã«ã™ã‚‹ã¨ã€apple, orange, kiwi, melon ã«ãªã‚Šã¾ã™ã€‚ ã„ã–実装ã—よã†ã¨ã™ã‚‹ã¨é¢åº¦è‡ãã†ãªã®ã§ã™ãŒã€jQueryプラグインã«ã‚ˆã£ã¦ã€æ¯”較的簡å˜ã«å®Ÿè£…ã§ãã¾
セレクトボックスをアンカーã£ã½ãã—ã¦ã‚¹ãƒƒã‚リã•ã›ã‚‰ã‚Œã‚‹jQueryプラグイン「Narrative Selectã€:phpspot開発日誌
セレクトボックスをアンカーã£ã½ãã—ã¦ã‚¹ãƒƒã‚リã•ã›ã‚‰ã‚Œã‚‹jQueryプラグイン「Narrative Select〠2010å¹´05月12æ—¥- JQuery Narrative Select Plugin セレクトボックスをアンカーã£ã½ãã—ã¦ã‚¹ãƒƒã‚リã•ã›ã‚‰ã‚Œã‚‹jQueryプラグイン「Narrative Selectã€ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 例ãˆã°ã€æ–‡ç« ã®é€”ä¸ã«select ボックスã§é¸æŠžè‚¢ã‚’入れるよã†ãªUIãŒã‚ã£ãŸã¨ã™ã‚‹ã¨ã€æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 普通ã«ã‚„ã‚Œã°ã€ä¸Šã®ã‚ˆã†ã«ãªã‚Šã¾ã™ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹ãƒ—ラグインを使ãˆã°ã€æ¬¡ã®ã‚ˆã†ã«ã‚¢ãƒ³ã‚«ãƒ¼ã£ã½ããªã‚Šã¾ã™ã€‚ クリックã™ã‚‹ã¨ã€select ã®ã‚ˆã†ã«é¸æŠžè‚¢ãŒæ¬¡ã®ã‚ˆã†ã«ã‚«ãƒƒã‚³ã‚ˆã表示ã•ã‚Œã€å¤‰æ›´ã™ã‚‹ã¨ã€å½“然ã€å†…容も変更ã•ã‚Œã¾ã™ã€‚ Correct → Incorrect ã«ãªã‚Šã¾ã—ãŸã€‚ select ボックスã«ã‚ˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚分ã‹ã‚Šã‚„ã™ãã¦ã„ã„ã¨ã„ã†æ„見もã‚ã‚‹ã¨æ€ã„ã¾
Googleã«ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã•ã‚Œã¦ã„ã‚‹jQueryç‰ã®ä¾¿åˆ©JSタグを一瞬ã§ã‚³ãƒ”ーã§ãる便利サイト「ScriptSrc.netã€:phpspot開発日誌
Googleã«ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã•ã‚Œã¦ã„ã‚‹jQueryç‰ã®ä¾¿åˆ©JSタグを一瞬ã§ã‚³ãƒ”ーã§ãる便利サイト「ScriptSrc.net〠2010å¹´04月28æ—¥- jQuery google api and other google hosted javascript libraries. - ScriptSrc.net Googleã«ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã•ã‚Œã¦ã„ã‚‹jQueryç‰ã®ä¾¿åˆ©JSタグを一瞬ã§ã‚³ãƒ”ーã§ãる便利サイト「ScriptSrc.netã€ã€‚ jQueryを使ã†ã‚µã‚¤ãƒˆã§ã¯ã€é€šå¸¸ã€è‡ªåˆ†ã®ã‚µãƒ¼ãƒã«jQueryをアップãƒãƒ¼ãƒ‰ã—ã¦ã€<script>タグ書ã„ã¦ã€srcã§ãã®ä½ç½®ã‚’指定ã—ã¦ã€ãªã‚“ã¦ã„ã†é¢å€’ãªã‚¹ãƒ†ãƒƒãƒ—ã‚’è¸ã‚€ã‚ã‘ã§ã™ãŒã€ã“ã®ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ãƒœã‚¿ãƒ³ã‚’１回ãŠã›ã°ã€åˆ©ç”¨ç”¨ã®ã‚¿ã‚°ãŒã‚¯ãƒªãƒƒãƒ—ボードã«ã‚³ãƒ”ーã•ã‚Œã¾ã™ã€‚ コピー例：<script type="text/javascript" src="htt
ç¾åœ¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ã‚’マウスカーソル近ãã«ã¡ã‚‡ã“ã‚“ã¨å¯æ„›ã出ã›ã‚‹ã€ŒprettyLoaderã€:phpspot開発日誌
ç¾åœ¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ã‚’マウスカーソル近ãã«ã¡ã‚‡ã“ã‚“ã¨å¯æ„›ã出ã›ã‚‹ã€ŒprettyLoader〠2010å¹´04月12æ—¥- prettyLoader | Stphane Caron ? No Margin For Errors ç¾åœ¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ã‚’マウスカーソル近ãã«ã¡ã‚‡ã“ã‚“ã¨å¯æ„›ã出ã›ã‚‹ã€ŒprettyLoader〠通常ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã¨ã„ã†ã¨ã€ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®ä¸èº«ã«ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹GIFアニメーションãªã‚“ã‹ãŒã¯ã„ã£ã¦ã„ãŸã‚Šã—ã¾ã™ãŒã€prettyLoaderã¯ãƒžã‚¦ã‚¹è¿½å¾“åž‹ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºå®Ÿè£…用ライブラリã§ã™ã€‚ Windowsã§ã„ã†ç ‚時計ã¿ãŸã„ãªæ‰±ã„ã§ã™ãŒã€ã©ã‚“ãªãƒšãƒ¼ã‚¸ã«ã‚‚é•å’Œæ„Ÿãªã„実装ãŒå¯èƒ½ã§ã€å¿œç”¨ç¯„囲ãŒåºƒãã†ã§ã™ã€‚ 次ã®ã‚ˆã†ãªã€æ¯”較的å¤ã„ブラウザã«ã‚‚対応ã—ã¦ã„るよã†ã§ã™ã€‚ Firefox 2.0+ Safari 3.1.1+ Opera 9+ Internet Explo
BugsVoice - turn bugs into opportunities
Usage The basic usage will looks like: $("#calendarFilterBox").calendarPicker(); Of course you will probably need to do something with selected date. In this case the callback function will help you: var dateSelector; $(function(){ dateSelector=$("#calendarFilterBox").calendarPicker({callback:function(cal){ alert(cal.currentDate); }}); }); A function will allow to change the current date. For inst
[JS]メガドãƒãƒƒãƒ—ダウン型ã®ãƒŠãƒ“ゲーションを実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Mega Menu
豊富ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¨ç½®ã§ãるメガドãƒãƒƒãƒ—ダウンを実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トをGeek Tantraã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ jQuery Mega Menu デモページ デモã§ã¯å››ç¨®é¡žãƒ¡ã‚¬ãƒ‰ãƒãƒƒãƒ—ダウンãŒã‚ã‚Šã€ãƒ‡ãƒ¼ã‚¿é‡ã«ã‚ˆã£ã¦ãƒ‰ãƒãƒƒãƒ—ダウンã™ã‚‹ãƒ‘ãƒãƒ«ã®å¹…ãŒæˆã‚Šè¡Œãã®ã‚‚ã®ã€æŒ‡å®šã—ãŸå¹…ã®ã‚‚ã®ã€è¡¨ç¤ºä½ç½®ãŒæˆã‚Šè¡Œãã®ã‚‚ã®ã€å³å¯„ã›ã®ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ 実装ã¯ç°¡å˜ã§ã€ã‚¹ã‚¯ãƒªãƒ—トを外部ファイルã¨ã—ã€ä¸‹è¨˜ã®ã‚ˆã†ãªã‚¹ã‚¯ãƒªãƒ—トを記述ã—ã¾ã™ã€‚ JavaScript <textarea name="code" class="html" cols="60" rows="5"> <script type="text/javascript"> $(document).ready(function(){ $(".MegaMenuLink").megamenu(".MegaMenuContent", { width: "900px" });
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.xiii-xiii.com/2010/07/08/%E3%83%93%E3%82%AE%E3%83%8A%E3%83%BC%E5%BF%85%E8%A6%8B%EF%BC%81%E3%82%BC%E3%83%AD%E3%81%8B%E3%82%89%E6%95%99%E3%81%88%E3%81%A6%E3%81%8F%E3%82%8C%E3%82%8Bjquery%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC/
[JS]エレメントã¨ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’繋ã„ã§è‡ªç”±ã«å‹•ã‹ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -jsPlumb
moto-mono.net
{{#tags}}- {{label}}
{{/tags}}