[CSS]テã‚ストã®å¯å¤‰ã«å¯¾å¿œã—ãŸã‚·ãƒ³ãƒ—ルã§ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ‘ンããš
テã‚ストã®é‡ã®å¤‰åŒ–ã«å¯¾å¿œã—ãŸã‚·ãƒ³ãƒ—ルã§ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ‘ンããšã‚’実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’Ace Infoway Indiaã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> <ul id="breadcrumbs"> <li><a href="#">Home</a></li> <li><a href="#">Main Lavel</a></li> <li><a href="#">Sub Lavel</a></li> <li><a href="#">Sub sub Lavel</a></li> <li>Your Current page</li> </ul> </textarea>
パンããšè©³è§£ | コリス
パンããšã®ç”±æ¥ã‚„概è¦ã€ç‰¹é•·ã‚’ã¯ã˜ã‚ã€è¨ç½®ã®åˆ¤æ–基準ã€å®Ÿè£…ã®ã‚ˆãã‚ã‚‹é–“é•ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¤ãƒ³ãƒˆã€ã‚¯ãƒ©ã‚·ãƒƒã‚¯ãªã‚‚ã®ã‚„進化ã—ãŸãƒ‘ンããšã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ãªã©ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Breadcrumbs In Web Design 以下ã€ãã®æ„訳ã§ã™ã€‚ パンã㚠ナビゲーションã¯ã€å¤§é‡ã®ãƒšãƒ¼ã‚¸ã‚’ä¿æŒã™ã‚‹ã‚¦ã‚§ãƒ–サイトã§ã€ãƒŠãƒ“ゲーション機能を拡張ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ パンããšã®å¤§ããªæœ‰ç”¨æ€§ã¯ã€ã‚¦ã‚§ãƒ–サイトã®è¨ªå•è€…ãŒä¸Šã®éšŽå±¤ã«ç§»å‹•ã™ã‚‹éš›ã€å°‘ãªã„アクションã§å®Ÿç¾ã•ã›ã‚‹ã“ã¨ã§ã™ã€‚ ã“ã®ã“ã¨ã¯ã‚¦ã‚§ãƒ–サイトã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚„ページã®ãƒ•ã‚¡ã‚¤ãƒ³ãƒ€ãƒ“リティ（見ã¤ã‘ã‚„ã™ã•ï¼‰ã‚’改善ã™ã‚‹ã‚‚ã®ã¨ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ï¼ˆæ¤œç´¢ãªã©ã‹ã‚‰è¨ªã‚ŒãŸæœ€åˆã®ãƒšãƒ¼ã‚¸ï¼‰ã«ã‚‚éžå¸¸ã«åŠ¹æžœçš„ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç¾åœ¨ã®å ´æ‰€ã‚’明示ã™ã‚‹ã ã‘ã§ãªãã€æ–‡è„ˆã®ãƒ’ントã¨ãªã‚‹ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚æä¾›ã—ã¾ã™ã€‚ What is a bre
[JS]スムーズãªã‚¹ãƒ©ã‚¤ãƒ‰ãŒæ°—æŒã¡ã„ã„ã€ãƒ‘ンããšã®ã‚¹ã‚¯ãƒªãƒ—ト -jBreadCrumb
jBreadCrumb demo パンããšã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€æ—¢å˜ã®ãƒ‘ンããšã«é©ç”¨ã™ã‚‹ã“ã¨ã‚‚ç°¡å˜ã§ã™ã€‚ 「jquery.jBreadCrumb.jsã€ã®æœ€å¾Œã«è¨˜è¿°ã—ã¦ã‚るオプションã§ã¯ã€ã‚ªãƒ¼ãƒ—ンã™ã‚‹ãƒ«ãƒ¼ãƒ«ã€ã‚ªãƒ¼ãƒ—ンã—ã¦ãŠãレベルã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¹ãƒ”ードã€ã‚¯ãƒãƒ¼ã‚ºæ™‚ã®ã‚µã‚¤ã‚ºãªã©ã‚’変更ã§ãã¾ã™ã€‚ オープンã™ã‚‹ãƒ«ãƒ¼ãƒ«ã®æœ€å¤§æ–‡å—æ•°ã¨æœ€å°æ–‡å—æ•°ã‚’100ã«ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆæ•°ã‚’1ã«ã€ã‚ªãƒ¼ãƒ—ンã—ã¦ãŠãレベルを終ã‚ã‚Šã‹ã‚‰2ã«ã€ã‚¯ãƒãƒ¼ã‚ºæ™‚ã®ã‚µã‚¤ã‚ºã‚’20ã«å¤‰æ›´ã€‚ jBreadCrumbã¯jQueryã®ãƒ—ラグインã®ãŸã‚ã€å‹•ä½œã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}