Youtube動画をé€éŽ(opacity)ã§ãã‚‹jQueryプラグイン・YTPLAYER
ã‚ã¾ã‚Šè¦‹ã‹ã‘ãªã„タイプã®ãƒ©ã‚¤ãƒ–ラリã ã£ãŸ ã®ã§ãƒ¡ãƒ¢ã€‚Youtubeã®å‹•ç”»ã‚’é€éŽã•ã›ã‚‹äº‹ ãŒå‡ºæ¥ã‚‹jQueryプラグインã§ã™ã€‚インター フェースもクールã«ã•ã‚Œã¦å…¨ç”»é¢ã«é…ç½®ã—㟠りオートå†ç”Ÿã•ã›ãŸã‚Šã‚‚å¯èƒ½ã§IE6ã‚„7ã§ã‚‚ 一応ã¯å‹•ä½œã—ã¦ãã‚Œã¾ã™ã€‚ 僕ã¯ã¡ã‚‡ã£ã¨çŸ¥ã‚‰ãªã„ã‚“ã§ã™ã‘ã©ã€Youtubeã£ã¦æ™®é€šã¯é€éŽå‡ºæ¥ãªã„ã€ã§åˆã£ã¦ã¾ã™ã‚ˆã？普通ã«å‡ºæ¥ã‚‹ãªã‚‰ã¡ã‚‡ã£ã¨æ¥ãšã‹ã—ã„記事ã§ã™ã‘ã©ï½— é€éŽã ã‘ã§ãªãã€ã‚ªãƒ¼ãƒˆ&リピートå†ç”Ÿã€ãƒŸãƒ¥ãƒ¼ãƒˆè¨å®šã‚‚出æ¥ã¦ã€è¦‹ãŸç›®ã‚‚スッã‚リã•ã›ã¦ãã‚Œã¦ã„ã¾ã™ã€‚以å‰ã¯Youtube動画を背景ã«ã™ã‚‹jQueryプラグインをã”紹介ã—ã¾ã—ãŸãŒã€ä»Šå›žã¯é€éŽãŒå‡ºæ¥ã‚‹ãƒ—ラグイン。ã„ã‚ã„ã‚出æ¥ã‚‹ã‚“ã§ã™ã・・ CPUã®å•é¡Œã¯å¦ã‚ãªã„ã¨ã—ã¦ã€ã“ã‚Œã¯ã¡ã‚‡ã£ã¨ç´ 敵ãªã®ã§è¦šãˆã¦ãŠããŸã„ã§ã™ã€‚é€éŽã®ã¿ã«é–¢ã—ã¦ã¯IE6ã‚„7ã«ã‚‚対応ã—ã¦ã„ã¾ã™ãŒã€Operaã¯é€éŽå‡ºæ¥ã¾ã›ã‚“ã§ã—ãŸã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚‚よるんã§ã™ã‹
並ã¹ã‚‰ã‚ŒãŸã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ‘ãƒãƒ«ã‚’é–‹ãã¨å¹…ãŒå¯å¤‰ã—ã¦å¯èªæ€§ã‚’高ã‚る・Jquery Animated Grid
横ã«ä¸¦ã¹ã‚‰ã‚ŒãŸã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ‘ãƒãƒ« ã‚’é–‹ãã¨ã€å¹…ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åºƒãŒã‚Š ã¤ã¤ã€éš£ã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãŒç‹ããªã‚‹ ã®ã§ã€å…¨ä½“ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç¶æŒã§ãã‚‹ ã¨ã„ã†ãƒ—ラグイン。幅を気ã«ã—ãªã㦠ã„ã„ã®ã¯å ´åˆã«ã‚ˆã£ã¦ã¯åŠ©ã‹ã‚‹ã‹ã‚‚。 ã¡ã‚‡ã£ã¨è¦‹ã‹ã‘ã¦è‰¯ã•ãã†ã ã£ãŸã®ã§ãƒ¡ãƒ¢æ›¸ã。全体ã®å¹…を守りã¤ã¤ã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³è‡ªä½“ã®å¹…ãŒå¯å¤‰ã—ã¾ã™ã€‚広ãŒã£ã¦ãれるã“ã¨ã§å°‘ã—å¯èªæ€§ãŒå¢—ã—ã¾ã™ã。ã¡ã‚‡ã£ã¨ã—ãŸå¿ƒé£ã„ã§ã™ã‘ã©ã€ã“ã†ã„ã†ã‚‚ã®ã«jsを使ã„ãŸã„ã¨ã“ã‚ã§ã™ã€‚ ã“ã†ã„ã†æ„Ÿã˜ã§æ¨ªã«ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãŒä¸¦ã‚“ã§ã„ã¾ã™ã€‚並ã¹ã‚‹ã¨ã¡ã‚‡ã£ã¨ã‚¿ãƒ³ã‚¹ã¿ãŸã„ã§ã™ã。ãã‚Œã¯ã„ã„ã¨ã—ã¦ã“ã®ã‚¿ãƒ³ã‚¹ã®å¼•ã出ã—ã‚’é–‹ã‘ã‚‹ã¨å¹…ãŒå¯å¤‰ã—ã€éš£ã®èŒ¶ã‚¿ãƒ³ã‚¹ãŒç‹ããªã‚Šã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§ã€‚アニメーション気æŒã¡ã„ã„ã§ã™ã。 テã‚ストã ã‘ã§ãªãã€ç”»åƒã‚‚対応ã—ã¾ã™ã€‚コンパクトã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç´ã‚ã™ãŽã¦ã‚‚ユーザビリティã«å„ªã‚ŒãŸUIã¨ã¯è¨€ãˆã¾ã›ã‚“ãŒã€ã‚„むを得ãªã„時ã¯ã“ã†ã„ã†æ‰‹ã«é ¼
ç”»åƒã‚’使ã‚ãšã€CSS+jQueryã§çµµæ–‡å—を作れる・JQuery CSS EmoticonsãŒã¡ã‚‡ã£ã¨ç´ 敵ã ï½—
ã“ã‚Œã¯ã¡ã‚‡ã£ã¨é¢ç™½ã„ï½—ç”»åƒã‚’使ã‚ãšã€cssã¨jQueryã ã‘ã§é¡”æ–‡å—を作ã£ã¦ã—ã¾ã£ãŸã¿ãŸã„ã§ã™ã€‚発想ãŒå˜ç´”ã ã£ãŸã®ã§ã†ã¾ã応用出æ¥ã‚Œã°æ¥½ã—ã„ã‚‚ã®ãŒå‡ºæ¥ã‚ãŒã‚Šãã†ãªäºˆæ„Ÿã‚‚ã—ã¾ã™ãªã€‚é¢ç™½ã„事考ãˆã‚‹äººãŒã„ã¾ã™ã・・ｗ CSS+jQuery（ã¨ã€ã‚‚ã¡ã‚ã‚“HTML）ã®ã¿ã§ã€ç”»åƒã¯ä¸€åˆ‡ä½¿ã‚ã‚Œã¦ã„ã¾ã›ã‚“。ã¡ã‚‡ã£ã¨ã“ã®ç™ºæƒ³ãªã‹ã£ãŸã§ã™ã€‚ユニークã§ã™ã‘ã©ã€å‰²ã¨ä½¿ã„å‹æ‰‹ãŒã„ã„æ°—ãŒã™ã‚‹ãƒ»ãƒ»æ°—ã®ã›ã„ã‹ãªï½— 一見よã見ã‹ã‘るアイコンã ã¨æ€ã†ã‚“ã§ã™ã‘ã©ã€ã“ã‚Œã€å…¨éƒ¨cssã¨ãƒ†ã‚ストã¨jsã§ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ã‹ã‚‰ãã‚Š ã“ã†ã„ã†ç™ºæƒ³ã€‚å˜ç´”ã ã‘ã©æ€ã„ã¤ãã¾ã›ã‚“ã§ã—ãŸï½—ãªã®ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãƒ†ã‚ストã¨ã—ã¦é¸æŠžã§ãã¾ã™ã€‚ :Ｄã¨ã‹:ï½ã‚’縦ã«ã—ã¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‹ã‹ã£ãŸé»„色ã„æž ã‚’ä½œã‚Œã°å®Œæˆã§ã™ã。 コード<link href="stylesheets/jquery.cssemoticons.css" media="screen"
多彩ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒé…力ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ç”¨jQueryプラグイン・Skitter - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹ä½¿ã„ã‚„ã™ãã†ã§ã€æ±Žç”¨æ€§ ã‚‚ã‚ã‚‹ã‹ãªã¨æ„Ÿã˜ãŸã®ã§å‚™å¿˜éŒ²ã€‚ エフェクトãŒå¤šæ•°ã‚ã‚Šã€æ©Ÿèƒ½ã‚‚ä¸ã€… 良ãã€ã‚¯ãƒã‚¹ãƒ–ラウザ対応ã—ã¦ã„ã‚‹ イメージギャラリー用ã®jQuery㮠プラグインã§ã™ã€‚ イメージギャラリーã¯æ•°å¤šã«å˜åœ¨ã™ã‚‹ã®ã§ã¾ãé¸æŠžè‚¢ã®ä¸€ã¤ã§ã™ã€‚ã¾ã後発ã®æ–¹ãŒæ©Ÿèƒ½ãŒè‰¯ããªã‚Šã‚„ã™ã„ã£ã¦ã„ã†è¦‹æ–¹ã‚‚出æ¥ãªãã¯ç„¡ã„ã§ã™ã。 22ã®Flashライクãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‹ã‚‰é¸ã¹ã¾ã™ã€‚ã©ã‚Œã‚‚クールãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ã™ã‚ˆã€‚ エフェクトã«ã¯ãã‚Œãžã‚Œãƒ‡ãƒ¢ãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§è§¦ã£ã¦ã¿ã¦ãã ã•ã„。 フルスクリーンã«ã‚‚出æ¥ã¾ã™ã€‚ サムãƒorボタンã®ãƒŠãƒ“ゲーション ナビゲーションをé¸æŠžã§ãã¾ã™ã€‚ボタンã‹ã‚µãƒ ãƒã‚¤ãƒ«ã€‚ ナビゲーションã®è¡¨ç¤ºã®æœ‰ç„¡ ãã®ãƒŠãƒ“ゲーションを常時表示ã•ã›ã‚‹ã‹ã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã«è¡¨ç¤ºã•ã›ã‚‹ã‹ã‚’é¸æŠžã§ãã¾ã™ã€‚ IE6ã€7ã§ã‚‚ IETesterã§ç¢ºèªã€‚å•é¡Œæœ‰ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ オプション ã„ã‚ã„ã‚用æ„ã•ã‚Œã¦ã¾ã™ã€‚
カッコã„ã„円形ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒŠãƒ“ゲーション実装jQueryプラグイン「Flower Navigationã€:phpspot開発日誌
カッコã„ã„円形ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒŠãƒ“ゲーション実装jQueryプラグイン「Flower Navigation〠2011å¹´03月31æ—¥- jQuery Flower Navigation | jQuery Plugins カッコã„ã„円形ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒŠãƒ“ゲーション実装jQueryプラグイン「Flower Navigationã€ã€‚ 何ã®å¤‰å“²ã‚‚ãªã„円形ã®ãƒœã‚¿ãƒ³ã€‚ クリックã™ã‚‹ã¨å††ã®å†…å´ã‹ã‚‰ç”»åƒãŒãƒ¯ã‚µãƒƒã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒç¾ã‚Œã¾ã™ã€‚ カーソルをåˆã‚ã›ã‚‹ã¨æ¢ã¾ã‚Šã¾ã™ã€‚ マークアップã¯æ¬¡ã®ã‚ˆã†ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ デモã§ã¯ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‚‚飛ã¹ã¾ã›ã‚“ãŒã€aã‚¿ã‚°ã®hrefを指定ã—ã¦ã‚ã’ã‚Œã°é£›ã¹ã‚‹ã¨ã„ã†ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã™ã。 <nav id="websites"> <ul> <li><a href="#"><img src="http://soma.urlich.ch/_media/internet/mdm_sma
第10回　今ã™ãã§ãã‚‹ï¼ãƒ¦ãƒ¼ã‚¶ãƒ“リティをå‘上ã•ã›ã‚‹ãƒ•ã‚©ãƒ¼ãƒ æ“作実践（2）：プラグインを使ã‚ãšã«ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実装 | gihyo.jp
ã‚‚ã£ã¨ä¾¿åˆ©ã«ï¼jQueryã§ãƒ©ã‚¯ãƒ©ã‚¯ã‚µã‚¤ãƒˆåˆ¶ä½œï¼ˆå®Ÿè·µã‚µãƒ³ãƒ—ル付ã） 第10回今ã™ãã§ãã‚‹ï¼ãƒ¦ãƒ¼ã‚¶ãƒ“リティをå‘上ã•ã›ã‚‹ãƒ•ã‚©ãƒ¼ãƒ æ“作実践（2）：プラグインを使ã‚ãšã«ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実装 ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’プラグインを使ã‚ãšã«å®Ÿè£…ã™ã‚‹ フォームã¯ä¸»ã«ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ç›´çµã™ã‚‹å ´åˆãŒå¤šã„ã¨æ€ã„ã¾ã™ã®ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティをå‘上ã•ã›ã‚‹ã€ã¤ã¾ã‚Šãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æœ€å¾Œã¾ã§å…¥åŠ›ã—ã¦ã‚‚らãˆã‚‹ã‚ˆã†ãªãƒ•ã‚©ãƒ¼ãƒ 作りã¯ã¨ã¦ã‚‚é‡è¦ã§ã™ã€‚ ã©ã®ã‚ˆã†ãªæ©Ÿèƒ½ã‚’æŒã£ã¦ä½¿ã„ã‚„ã™ãã™ã‚‹ã®ã‹ã€ã«ã¯ãã®ã‚µã‚¤ãƒˆè‡ªä½“ã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆãƒ¦ãƒ¼ã‚¶ãƒ¼å±¤ã‚’èªè˜ã—ãŸä¸Šã§ç››ã‚Šè¾¼ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€ã©ã‚“ãªæ–¹æ³•ã§ä½¿ã„ã‚„ã™ãã§ãã‚‹ã®ã‹ã¯çŸ¥ã£ã¦ãŠã„ã¦æã¯ã‚ã‚Šã¾ã›ã‚“。 å‰å›žã¯ã€ãƒ©ãƒ™ãƒ«è¦ç´ を利用ã—ã¦ã€ç›´æ„Ÿçš„ã«åˆ†ã‹ã‚Šã‚„ã™ãã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã—ãŸãŒã€ä»Šå›žãƒ»æ¬¡å›žã«ã‹ã‘ã¦ã¯å°‘ã—çªã£è¾¼ã‚“ã§JavaScriptã§è¡Œã†ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆâ€»1）を実装ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 入力ã•ã‚ŒãŸæ–‡å—列をãƒã‚§ãƒƒã‚¯ã™
Easiest “check all†ever with jQuery / Brian Cray's Blog
How does it work? This code checks/unchecks all checkboxes within the same fieldset. Simple and semantic. Example completed code See this in action and view the source if you’d like. HTML Setup Add checkboxes however you like, just make sure they are within the same fieldset. <fieldset> // these will be affected by check all <div><input type="checkbox" id="checkall"> Check all</div> <div><input ty
ã€jQuery】ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®ã€Œã™ã¹ã¦é¸æŠžã€ã€Œã™ã¹ã¦è§£é™¤ã€ï¼ˆã‚»ãƒ¬ã‚¯ã‚¿ã®å±žæ€§ã®è¨˜è¿°æ–¹æ³•ï¼‰ at softelメモ
jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§ã€å±žæ€§ã®æŒ‡å®šæ–¹æ³•ã¯ã“ã†ã€‚ [attribute] 指定ã•ã‚ŒãŸå±žæ€§ã‚’æŒã¤è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ [attribute=value] 属性ãŒæŒ‡å®šã•ã‚ŒãŸå€¤ã‚’æŒã¤è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ [attribute!=value] 属性ãŒæŒ‡å®šã•ã‚ŒãŸå€¤ã‚’æŒãŸãªã„è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ [attribute^=value] 属性値ãŒæŒ‡å®šã•ã‚ŒãŸæ–‡å—列ã‹ã‚‰å§‹ã¾ã‚‹è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ [attribute$=value] 属性値ãŒæŒ‡å®šã•ã‚ŒãŸæ–‡å—列ã§çµ‚ã‚ã‚‹è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ [attribute*=value] 属性値ãŒæŒ‡å®šã•ã‚ŒãŸæ–‡å—列をå«ã‚€è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ [selector1][selector2]...[selectorN] 複数ã®å±žæ€§ãƒ•ã‚£ãƒ«ã‚¿ã‚’指定ã—ã€å…¨ã¦ã‚’満ãŸã™è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ ã¡ã‚‡ã£ã¨å¤ã„æƒ…å ±ã«ã‚ãŸã£ã¦ã—ã¾ã†ã¨ã€ã“ã‚“ãªãµã†ã«æ›¸ã„ã¦ã‚ã‚‹ã“ã¨ãŒã‚ã‚Šã€æ®‹å¿µãªã“ã¨ã«ãªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ï¼ˆjQuery1.2以å‰ã®æƒ…å ±
『ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«jQueryã§ç°¡å˜ã«å…¨ã¦ã‚’ãƒã‚§ãƒƒã‚¯ã•ã›ã‚‹æ–¹æ³•ã€
本を買ã‚ãšã«è§£æ±ºã™ã‚‹Web制作ã®å°æŠ€ ホームページ作æˆã§ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã‚’å‚考書を買ã‚ãšã«è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’PHP CSS Webデザイン jQuery Flashã‚’ä¸å¿ƒã«ä¾¿åˆ©ãªæŠ€ã‚’ã¾ã¨ã‚ã¦ã„ãã¾ã™ï¼ç¾åœ¨ã€é•·é‡ŽçœŒé•·é‡Žå¸‚ã®åˆ¶ä½œä¼šç¤¾ã§Web作æˆä¸ï¼ ＨＴï¼ï¼¬ã®ãƒ•ã‚©ãƒ¼ãƒ ã§ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã§é¸æŠžã•ã›ã‚‹ã¨ãã« é …ç›®ã‚’å…¨ã¦ãƒã‚§ãƒƒã‚¯ã•ã›ã‚‹æ©Ÿèƒ½ã‚’サクッã¨å®Ÿè£… ã•ã›ã‚‹ã‚„り方を発見 jQueryã ã¨ã‚¢ãƒƒã¨ã„ã†é–“ã«ã§ãã¾ã™ Easiest “check all†ever with jQuery 実装ã™ã‚‹ã®ã«æ‰‹é–“ã ã£ãŸã®ã§ã“ã‚Œã ã¨æ¥½ã§ã™ã。 $(function () { // this line makes sure this code runs on page load $('#checkall').click(function () { $(this).parents('fieldset:eq(0)').fi
テã‚ストã«ã‚¢ã‚¤ã‚½ãƒ¡ãƒˆãƒªãƒƒã‚¯é¢¨ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹jQueryプラグイン・JQISOTEXT - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹ãƒ¦ãƒ‹ãƒ¼ã‚¯ã ã£ãŸã®ã§ãƒ¡ãƒ¢çš„ã«ã€‚ 普通ã®ãƒ†ã‚ストã«ç‰è§’投影法を使ã£ãŸ よã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹jQueryプラグ インã§ã™ã€‚ç”»åƒã§ã¯ãªãã€ãƒ†ã‚ストã®ã¿ ã§ã¡ã‚‡ã£ã¨ã—ãŸã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã‚‚作れãã†ã€‚ IE6ã§ã‚‚7ã§ã‚‚動作ã—ã¦ãã‚Œã¾ã™ã‚ˆã€‚ アイソメトリックã¨ã¯å»ºç¯‰ã§ã‚ˆã使ã‚れる投影法ã§å¥¥è¡Œãを表ç¾ã—ãŸå›³ï¼ˆã“ã“ã®èª¬æ˜ŽãŒåˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ï¼‰ã«ç”¨ã„られã¾ã™ã€‚一般的ã«ã¯ã€Œã‚¢ã‚¤ã‚½ãƒ¡ã€ã¨ç•¥ã•ã‚Œã¾ã™ãŒã€ã“れをテã‚ストã«ç”¨ã„る事ãŒå‡ºæ¥ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§ã€‚普通ã«ãƒ†ã‚ストãªã®ã§ãƒ‰ãƒ©ãƒƒã‚°ã‚‚å¯èƒ½ã§ã™ã€‚大抵ã¯ç”»åƒã§ä½œã‚‰ã–ã‚‹ã‚’ãˆãªã„表ç¾ã§ã™ãŒã€ãƒ†ã‚ストãªã‚‰ç·¨é›†ã—ã‚„ã™ã„ã§ã—ょã†ã—ã€ä¸Šæ‰‹ã使ãˆã°SEOçš„ã«ã‚‚有利ã«åƒã„ã¦ãれるã‹ã‚‚知れã¾ã›ã‚“ã。 IE6ã§ã‚‚å•é¡Œç„¡ã— IETesterを使ã£ã¦ã®IE6。å•é¡Œç„¡ã—ã§ã™ã€‚ 使ã„æ–¹ <script type="text/javascript" src="jquery.js"><
ç”»åƒãƒãƒƒãƒ—アウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
Lightweight Circle slideshow〔ãã‚‹ãる回ã—ã¦ç”»åƒã‚’切り替ãˆã‚‹å††å½¢ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€• Smooth Div Scroll〔水平方å‘ã«ä¸¦ã¹ãŸç”»åƒã‚’マウスæ“作ã§ã™ã‚‹ã™ã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€• Nivo Slider〔9種類ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‘られるイメージスライダー〕 Galleriffic〔画åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’リッãƒã‹ã¤é«˜é€Ÿã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã€• IMGPREVIEW〔マウスオーãƒãƒ¼ã§ãƒªãƒ³ã‚¯å…ˆã®ç”»åƒã‚’プレビュー表示〕 jQuery largePhotoBox plugin〔大ããªç”»åƒå¯¾å¿œãƒãƒƒãƒ—アップ（マウス移動ã§ç”»åƒå…¨ä½“を閲覧å¯èƒ½ï¼‰ã€• PIROBOX〔シンプルã‹ã£ã“ã„ã„ç”»åƒãƒãƒƒãƒ—アップ〕 bxGallery〔シンプルãªç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€• A Simple jQuery Slideshow〔シンプルãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€• Accessible News Slider〔全件表示や件数ã«å¿œã˜ã¦å‰
クールãªjQueryã®lightbox系スクリプト集 – creamu
サイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«åˆã†lightbox系スクリプトを探ã—ã¦ã„る。 ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€ŽThe Best jQuery Lightbox Scriptsã€ã€‚クールãªjQueryã®lightbox系スクリプト集ã§ã™ã€‚ 知らãªã„ã®ã‚‚ã‚ã£ãŸã‚Šã§ã„ã„æ„Ÿã˜ã®ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã‚ˆã€‚ CeeBox アニメーションãŒã‹ã£ã“ã„ã„CeeBox。画åƒã ã‘ã§ãªãã€iframeã‚„Flashã€å‹•ç”»ã‚’èªã¿è¾¼ã‚ã¦ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã€‚Flashã®è¡¨ç¤ºã«ã¯swfobjectを使用 ColorBox ãŠã£ã¨æ€ã†ã‚ˆã†ãªå‹•ãã‚’ã—ã¦ãれるColorBox。画åƒä»¥å¤–ã‚‚èªã¿è¾¼ã¿å¯èƒ½ Facebox facebookスタイルã§ç”»åƒã‚’オーãƒãƒ¼ãƒ¬ã‚¤è¡¨ç¤ºã€‚ã“ã‚Œã¯æœ‰åã§ã™ã。シンプルã§ã¨ã¦ã‚‚ã„ã„ Fancy Zoom ç”»åƒã‚„Flashãªã©ã‚’èªã¿è¾¼ã‚る。ã™ãƒ¼ã£ã¨æ‹¡å¤§ã—ã¦ãã‚‹å‹•ã FancyBox å‹•ããŒã¨ã¦ã‚‚クールãªFancyBox ã»ã‹
テã‚ストファイルをClient Side Includeã§ãã‚‹javascript「incã€
twitter facebook hatena google pocket 外部ファイルをåŒä¸€ãƒšãƒ¼ã‚¸ã§è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ã‚’Client Side Includeã¨å‘¼ã³ã¾ã™ï¼ˆå¤šåˆ†ï¼‰ã€‚ incã§ã¯javascriptを利用ã—ã¦ã€å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ ＊txtファイルã®ã¿ã§ã€htmlãªã©ã¯ç„¡ç†ãªã‚ˆã†ã§ã™ã€‚ sponsors 使用方法 incã‹ã‚‰jquery.inc-2.jsã‚’jQueryã‹ã‚‰jquery.jsをダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.inc-2.js" type="text/javascript"></script> 上記を記述ã—ã€ä¸‹æº–å‚™ã¯å®Œäº†ã§ã™ã€‚ <p class="inc:èªã¿
jQuery Mobile使用時ã«ã‚ˆã使ã„ãã†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ãƒªã‚¹ãƒˆã¨å‹•ä½œã‚µãƒ³ãƒ—ル - ã‹ã¡ã³ã¨.net
自分用ã«å‚™å¿˜éŒ²ã€‚ãã‚ãã‚ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ ãŒå‡ºã¦ãã‚‹é ƒã˜ã‚ƒãªã„ã‹ã¨æ€ã†ã®ã§ã€ãㆠ焦るã“ã¨ã‚‚ç„¡ã„æƒ…å ±ã ã¨æ€ã„ã¾ã™ãŒã€è¿‘々 使ã„ãã†ãªã®ã§ãã®æ™‚ã«é¢å€’ãªäº‹ã«ãªã‚‰ ãªã„よã†ã«ã‚ˆã使ã„ãã†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ リストã¨ã—ã¦ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ ã¡ã‚ƒã‚“ã¨ã—ãŸãƒ‡ãƒ¢ã¯æœ¬å®¶ã§ç¢ºèªã—ã¦ä¸‹ã•ã„。ã“ã“ã«ã‚るサンプルã¯åƒ•ã®ã„ã„åŠ æ¸›ãªã‚µãƒ³ãƒ—ルã§ã™ã€‚å°šã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒè¦‹ã‚„ã™ã„様ã«ã™ã‚‹ã ã‘ã®ç‚ºã«ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆå…¥ã‚Œã¦ã„ã¾ã™ãŒæ°—ã«ã—ãªã„ã§ä¸‹ã•ã„。 [note]追記 ã‚‚ã†å°‘ã—増やã—ã¦è¦‹ã‚„ã™ãã—ãŸã‚‚ã®ã‚’ダウンãƒãƒ¼ãƒ‰å‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ [/note] プラグインèªã¿è¾¼ã¿ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="
jQuery事始ã‚・コピペã«é ¼ã‚‰ãšã€åŸºç¤ŽçŸ¥è˜ã‚’ç†è§£ã—ã¦å®Ÿéš›ã«å‹•ã‹ã—ã¦ã¿ã‚‹ - ã‹ã¡ã³ã¨.net
人気ã®JavaScriptライブラリã€jQueryã‚‚ã‹ãªã‚Š æƒ…å ±ãŒå¢—ãˆã¾ã—ãŸã€‚僕ã®æ§˜ã«çŸ¥è˜ãŒç„¡ãã¦ã‚‚ ç°¡å˜ã«å‹•ãã®ã‚ã‚‹Webサイトやã€æ›´ãªã‚‹ãƒ¦ãƒ¼ ザビリティã®å‘上をå¯èƒ½ã«ã—ã¦ãã‚Œã¾ã—ãŸãŒã€ ã„ã¤ã¾ã§ã‚‚コピペã§ã¯ã„ãšã‚Œå›°ã‚‹äº‹ã«ãªã‚Šã¾ã™ã€‚ ãã®å‰ã«ãã‚ãã‚基礎ã‹ã‚‰å¦ã‚“ã§ã¿ã¾ã›ã‚“ã‹ã€‚ ã¨ã„ã†è¨³ã§ã€jQuery事始ã‚。ã•ã»ã©çŸ¥è˜ãŒç„¡ã„僕ãŒæ›¸ãã®ã‚‚微妙ãªã‚“ã§ã™ãŒã€ä¸€ç·’ã«å¦ã‚“ã§ã„ãã¾ã—ょã†ã€ã¨ã„ã†äº‹ã§ã”了承下ã•ã„。内容ã¯åŸºç¤Žä¸ã®åŸºç¤Žã§ã™ã€‚ ã„ã¤ã¾ã§ã‚‚コピペã«é ¼ã£ã¦ã„ã¦ã¯ã€ä½•ã‹å•é¡ŒãŒèµ·ã“ã£ãŸã¨ãã«å¯¾å¿œã§ãã¾ã›ã‚“ã—ã€ãã‚‚ãもコピペã™ã‚‹ãªã‚‰jQueryã§ã‚ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。 ã§ã‚‚jQueryã¯ã™ã”ã便利ãªã®ã§ã€ã¡ã‚ƒã‚“ã¨ä½¿ã„ã“ãªã—ãŸã„ã¨ã“ã‚ã§ã™ã‚ˆã。ã“ã®è¨˜äº‹ãŒã€èª°ã‹ãŒå‹‰å¼·ã—始ã‚ã‚‹åˆ‡æ¬ ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ jQueryを使ã†ã«ã¯ ã¾ãšã€jQueryを利用ã™ã‚‹ã«ã¯æœ¬ä½“ã‚’èªã¿è¾¼ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚方法ã¯2ã¤ã‚ã£ã¦ã€æœ¬
超カッコã„ã„確èªãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’jQueryã§å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspot開発日誌
How to Create a jQuery Confirm Dialog Replacement | Tutorialzine 超カッコã„ã„確èªãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’jQueryã§å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« 普通ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã¨ã„ã†ã¨ javascript ã® confirm ã¨ã‹ã€ãã®ä»– jquery プラグインを使ã£ã¦å®Ÿè£…ã•ã‚Œã‚‹ã‚‚ã®ãŒå¤šã„ã§ã™ãŒã€ã“ã‚Œã¾ã§è¦‹ãŸãªã‹ã§ã‚‚ã‹ãªã‚Šã®ã‚«ãƒƒã‚³ã‚ˆã•ã®ãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã™ã€‚ サンプルã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚å¯èƒ½ã€‚ 一見全ã¦ç”»åƒã®ã‚ˆã†ã«ã‚‚見ãˆã¾ã™ãŒã€CSS3を使ã£ã¦ç¶ºéº—ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã“ら辺もã“ã ã‚ã‚ŠãŸã„ã¨ã„ã†æ–¹ã¯å‚考ã«ã—ã¦ã¿ã‚‹ã¨ã‚ˆã•ãã†ã€‚ 関連エントリ 効果音付ãã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…jQueryプラグイン「Float Dialog〠ãã®å ´ã§ãƒãƒƒãƒ—アップã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªç¢ºèªãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…用jQueryプラグイン「jConfirmAc
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†ç´ 敵ãªå‹•ãを手軽ã«å®Ÿè£…ã§ãã‚‹JavaScriptライブラリ「jQueryã€ã€‚jQueryã«ã¯å¤šãã®ãƒ—ラグインãŒæƒã£ã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯ãƒ—ラグインãªã—ã§å®Ÿè£…ã§ãã‚‹jQueryã®å°æŠ€ã‚’紹介ã—ã¾ã™ï¼ã€ŒjQueryã£ã¦ãªã‚“ã ？ã€ã¨ã„ã†äººã‚‚コピペã§å®Ÿè£…ã§ãã¾ã™ã‚ˆï¼ã‚µãƒ³ãƒ—ルも用æ„ã—ãŸã®ã§ãœã²ã”覧ãã ã•ã„ï¼ è¿½è¨˜ï¼šã“ã®è¨˜äº‹ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã„ãã¤ã‹ã®æ–¹æ³•ãŒã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…å¯èƒ½ã§ã™ï¼è©³ã—ãã¯ã€Œã‹ã¤ã¦ã¯ JavaScript を利用ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…ã§ãã‚‹ 10 ã®å°æŠ€ã€ã‚’ã”覧ãã ã•ã„。 jQuery ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ãšã¯jQuery 本家ã‹ã‚‰ jQuery ファイルをダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚<head> 内ã«ä¸‹è¨˜ã‚’記述ã—ã€jQuery ファイルをèªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src
IE6ã€7ã§ã‚‚å‹•ã„ã¦ãれる&実用性ã®é«˜ãã†ãªjQueryプラグイン30個ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
使ã„ã‚„ã™ãã†ãªjqueryプラグイン ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚最低ã§ã‚‚IE6,7ã§ã‚‚ å‹•ã„ã¦ãれる事をå‰æã«ã—ã¦ã„ã¾ã™ã€‚ 他サイトã§ã‚ˆã見ã‹ã‘るプラグインã§ã€ 個人的ã«å®Ÿç”¨æ€§ã®ã‚るプラグイン㨠æ€ã£ãŸã‚‚ã®ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ IE6ã€7ã§ã‚‚å‹•ã„ã¦ãã‚Œã¦ã€å®Ÿç”¨æ€§ã®ã‚ã‚‹jQueryã„ã‚ã„ã‚。確èªã—ãŸãƒ–ラウザã¯IE6,7ã¨Chromeã§ã™ã€‚ä»–ã¯å¤§æŠµå‹•ãã‚“ã˜ã‚ƒãªã„ã‹ãªï¼ˆé©å½“）。 デモã§ç”»åƒãŒé€éŽã•ã‚Œã¦ã„ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»–ã®jsライブラリã§IE6ã§ã‚‚é€éŽå¯èƒ½ï¼ˆDD_belatedPNG.jsã¨ã‹ï¼‰ãªã®ã§ãã“ã¯æŠœãã«ã—ã¦å‹•ä½œã™ã‚‹äº‹ã‚’æ¡ä»¶ã«æŒ™ã’ã¦ã„ã¾ã™ã€‚主観入ã£ã¦ã‚‹ã®ã§å‚考程度ã«ãƒ»ãƒ» Horizontal Subnav マウスオーãƒãƒ¼ã§ã‚µãƒ–メニューãŒãƒ—ルダウンã™ã‚‹cssメニューã§ã™ã€‚サブメニューã¯æ¨ªã«åºƒãŒã£ã¦ãã‚Œã¾ã™ã€‚ Horizontal Subnav Simple jQuery tabs コンテンツをタブã§åˆ‡
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Altを表示ã•ã›ãªã„JS（jQuery）｜ãã†ã 　○○ã€ã—よã†ã€‚
マウスオーãƒãƒ¼ã§ãƒ†ã‚ストãŒå°è±¡çš„ã«ï¼ã€ŒLetter Scroll Pluginã€
{{#tags}}- {{label}}
{{/tags}}