ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
æ“作ã«é€£å‹•ã•ã›ã¦åˆ†ã‹ã‚Šã‚„ã™ãクールã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸è¡¨ç¤ºã•ã›ã‚‹jQueryプラグイン「MessageBarã€:phpspot開発日誌
æ“作ã«é€£å‹•ã•ã›ã¦åˆ†ã‹ã‚Šã‚„ã™ãクールã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸è¡¨ç¤ºã•ã›ã‚‹jQueryプラグイン「MessageBar〠2010å¹´12月21æ—¥- MessageBar ? just another jQuery plugin æ“作ã«é€£å‹•ã•ã›ã¦åˆ†ã‹ã‚Šã‚„ã™ãクールã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸è¡¨ç¤ºã•ã›ã‚‹jQueryプラグイン「MessageBarã€ã€‚ エラーや何ã‹ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’表示ã—ãŸã„å ´åˆã€ä¸€ç•ªåˆ†ã‹ã‚Šã‚„ã™ã„例ã¨ã—ã¦alertãŒã‚ã‚Šã¾ã™ãŒã€ãªã‚“ã¨ã‚‚味気ãªã„æ„Ÿã˜ã«ãªã£ã¦ã—ã¾ã†ã®ã¯å¦ã‚ã¾ã›ã‚“。 MessageBarプラグインを使ãˆã°ã€æŒ‡å®šã—ãŸãƒ–ãƒãƒƒã‚¯ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ä¸Šéƒ¨ã«åˆ†ã‹ã‚Šã‚„ã™ãアニメーションã—ãªãŒã‚‰ã‚¯ãƒ¼ãƒ«ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’表示ã§ãã¾ã™ã€‚ デザインãŒè‰²ã€…ã¨é¸ã¹ã‚‹ã®ã‚‚ã“ã®ãƒ—ラグインã®ç‰¹å¾´ã§ã™ã€‚ åŠé€æ˜Žã§è¦ç´ ã«ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã—ã¦è¡¨ç¤º 角丸ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã£ã½ã„ãƒãƒ¼ã‚’スライドアニメーションã—ãªãŒã‚‰è¡¨ç¤º シンプルã§ã™ãŒè½ã¡ç€ã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒ¼ã‚’表示
最åˆã«å¿…è¦ãªã‚‚ã®ã ã‘効果的ã«è¦‹ã›ã‚‹Appleサイト風エフェクト実装jQueryプラグイン「Apple Effectã€:phpspot開発日誌
最åˆã«å¿…è¦ãªã‚‚ã®ã ã‘効果的ã«è¦‹ã›ã‚‹Appleサイト風エフェクト実装jQueryプラグイン「Apple Effect〠2010å¹´12月06æ—¥- jQuery Apple Effect 最åˆã«å¿…è¦ãªã‚‚ã®ã ã‘効果的ã«è¦‹ã›ã‚‹Appleサイト風エフェクト実装jQueryプラグイン「Apple Effectã€ã€‚ 最近Appleã®ã‚µã‚¤ãƒˆã‚’見ãŸã“ã¨ãŒã‚ã‚‹æ–¹ãªã‚‰åˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€æœ€åˆã«1æžšã®ç”»åƒã‚’表示ã—ã¦ãŠã„ã¦ã€ãƒŠãƒ“ゲーションãªã‚“ã‹ã¯å°‘ã—å¾…ãŸã›ã¦ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ãªãŒã‚‰è¡¨ç¤ºã™ã‚‹ã¨ã„ã†ã‚«ãƒƒã‚³ã„ã„効果を作れã¾ã™ã€‚ 最åˆã«1æžšã®ç”»åƒã‚’表示 フェードインã—ãªãŒã‚‰ãƒŠãƒ“ゲーションを表示ã™ã‚‹ ã“ã¡ã‚‰ã®ãƒ‡ãƒ¢ã§å‹•ãã‚’ç¢ºèª å®Ÿè£…ã¯1行。 $('#target').appleEffect(); オプションを渡ã™ã“ã¨ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–‹å§‹ã¾ã§ã®æ™‚é–“ã‚’è¨å®šã—ãŸã‚Šã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’指定ã§ããŸã‚Šã—ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ã‚ã‚“ã©ãã•ãã†ãªã“ã®æ©Ÿ
シンプル・軽é‡ï¼ˆ2.2KB）・手軽ãªjQueryコンテンツスライダー・hash slider - ã‹ã¡ã³ã¨.net
よãã‚るコンテンツスライダーã§ã™ãŒã€ 軽ãã¦ä½¿ã„ã‚„ã™ãã†ã§ã—ãŸã®ã§ãƒ¡ãƒ¢ã€‚ hash sliderã¯ã€ã‚ãšã‹2ã‚ãƒãƒã‚¤ãƒˆ ã»ã©ã®è»½é‡ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ã“ã†ã„ㆠã®ã¯ã„ãã¤è¦šãˆã¦ãŠã„ã¦ã‚‚æã—ãªã„ ã§ã™ã。 軽ã„ã€ã¨ã„ã†ã®ã¯å¤§äº‹ã§ã™ã‚ˆã。スライドã•ã›ã‚‹ã¨URL末尾ã«#～ãŒä»˜ãã€ã“ã“ã«ãƒªãƒ³ã‚¯ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ シンプルã§ã™ã€‚マークアップもå˜ç´”ãªã®ã§ä½¿ã„ã‚„ã™ã„ã®ã§ã¯ã€‚ <div id="slider"> <ul> <li> example</li> <li> example2</li> </ul> </div> <div id="left"> goLeft </div> <div id="right"> goRight </div> <ul id="numbers"> <li></li> </ul> デモã§ã¯ç”»åƒã‚’利用ã—ã¦ã„ã¾ã™ã€‚ #～ã«ãƒªãƒ³ã‚¯ #～ã«ãƒªãƒ³ã‚¯ã•ã›ã‚‹ã“ã¨ã§å€‹ã€…ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’指定ã—ã¦è¡¨ç¤ºã•
シンプルã ã‘ã©ä½¿ãˆãã†ãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー実装jQueryプラグイン:phpspot開発日誌
Simple Dropdown List Plugin - Examples シンプルã ã‘ã©ä½¿ãˆãã†ãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー実装jQueryプラグイン。 次ã®ã‚ˆã†ãªè¦‹ãŸç›®ã§ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰é–‹ãドãƒãƒƒãƒ—ダウンを簡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ クリックã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰é–‹ãã¾ã™ã€‚ ã‚¿ã‚°çš„ã«ã¯<ul><li>ã®ãƒªã‚¹ãƒˆã§ã‚¢ã‚¤ãƒ†ãƒ を定義ã—ã¦ãŠã„ã¦ã€$.simpledropdown(element); ã§åˆæœŸåŒ–ã§ãるよã†ã§ã™ã€‚ デフォルトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã¡ã‚‡ã£ã¨ã‚«ãƒƒã‚³æ‚ªã„ã§ã™ãŒã€CSSã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç›´ã›ã°ãã‚Œãªã‚Šã«ä½¿ãˆãã†ã§ã™ã <select>ã˜ã‚ƒãªãã¦ã€ç‹¬è‡ªãƒ‡ã‚¶ã‚¤ãƒ³ã§ä½œã‚ŠãŸã„å ´åˆã«ã‚µã‚¯ãƒƒã¨å®Ÿè£…ã§ããã†ãªã®ã§è¦šãˆã¦ãŠã„ã¦ã‚‚よã„ã‹ã‚‚。 関連エントリ ドãƒãƒƒãƒ—ダウンメニューã«ãƒ†ãƒ¼ãƒ–ルやフォームç‰ä½•ã§ã‚‚埋ã‚込んã§ã—ã¾ãˆã‚‹jQueryプラグイン「MegaMenu〠コンテンツãŒãŸã£ã·ã‚Šã¤ã¾ã£ã¦ä½¿
CSS3ã®ãƒŠãƒ“ゲーションãŒç°¡å˜ã«ä½œæˆã§ãã‚‹ç„¡æ–™ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ -CSS3 Menu
ã‚らã‹ã˜ã‚用æ„ã•ã‚ŒãŸè±Šå¯Œãªãƒ†ãƒ³ãƒ—レートã‹ã‚‰ç°¡å˜ã«CSS3ã®ãƒŠãƒ“ゲーションを作æˆã§ãã‚‹ç„¡æ–™ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’紹介ã—ã¾ã™ã€‚ CSS3 Menuã®ç”»é¢ CSS3 Menuã®ä½¿ã„æ–¹ 使ã„æ–¹ã¯ç°¡å˜ã§ã€CSS3ã‚„HTMLã«è©³ã—ããªãã¦ã‚‚作æˆã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ 「+ã€ãƒœã‚¿ãƒ³ã‚’クリックã—ã¦ã€ãƒ©ãƒ™ãƒ«ã®æ•°ã‚’増やã—ã¾ã™ï¼ˆä¸‹è¨˜ã‚ャプãƒãƒ£ï¼‰ã€‚ 「-ã€ãƒœã‚¿ãƒ³ã¯æ•°ã‚’減らã—ã¾ã™ã€‚ å³å´ã®ãƒ‘ãƒãƒ«ã®ãƒ†ãƒ³ãƒ—レートã‹ã‚‰ãƒŠãƒ“ゲーションã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é¸æŠžã—ã¾ã™ã€‚ カスタマイズãŒå¿…è¦ãªå ´åˆã¯ã€ä¸‹ã®ãƒ‘ãƒãƒ«ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¯ã˜ã‚ã€æ–‡è¨€ãƒ»ãƒªãƒ³ã‚¯ãªã©ãŒå¤‰æ›´ã§ãã¾ã™ã€‚ 完æˆã—ãŸã‚‰ã€ã€Œãƒ‡ã‚£ã‚¹ã‚¯ã‚¢ã‚¤ã‚³ãƒ³ã€ã‚’クリックã—ã¦CSS3 Menu用ã«ä¿å˜ã—ã¾ã™ã€‚ HTML+CSS+ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’生æˆã™ã‚‹å ´åˆã¯ã€ã€ŒPublishã€ãƒœã‚¿ãƒ³ã‚’クリックã—ã¾ã™ã€‚
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://creativefan.com/jquery-accordion-menu-plugins-and-tutorials/
{{#tags}}- {{label}}
{{/tags}}