CSS3ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã•ã¾ã–ã¾ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’使ã£ã¦å®Ÿè£…ã™ã‚‹ãƒŠãƒ“ゲーションを紹介ã—ã¾ã™ã€‚ ※一部ã€jQueryを併用ã™ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚
[CSS]ナビゲーションを実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ | コリス
CSS3ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã•ã¾ã–ã¾ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’使ã£ã¦å®Ÿè£…ã™ã‚‹ãƒŠãƒ“ゲーションを紹介ã—ã¾ã™ã€‚ ※一部ã€jQueryを併用ã™ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚
最åˆã«å¿…è¦ãªã‚‚ã®ã ã‘効果的ã«è¦‹ã›ã‚‹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(); オプションを渡ã™ã“ã¨ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–‹å§‹ã¾ã§ã®æ™‚é–“ã‚’è¨å®šã—ãŸã‚Šã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’指定ã§ããŸã‚Šã—ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ã‚ã‚“ã©ãã•ãã†ãªã“ã®æ©Ÿ
[CSS]ç”»åƒã‚’使用ã—ãªã„ã§Apple風ã®ãƒ‘ンããšã‚’作æˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
階層を区切る三角ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç‰¹å¾´çš„ãªApple風ã®ãƒ‘ンããšã‚’åŒä¸€ã®è‰²ç›¸ã§ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã—ãŸã‚‚ã®ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ 三角ã®ç®‡æ‰€ã¯ç”»åƒã‚’使用ã—ãªã„ã§ã€CSSã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ Breadcrumb Navigation with CSS Triangles デモページ [ad#ad-2] HTML -マークアップ パンããšã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ シンプルã§ã‚¯ãƒªãƒ¼ãƒ³ã«å®Ÿè£…ã™ã‚‹ãŸã‚ã«ã€å„アイテムã«ã¯classを使用ã—ã¾ã›ã‚“。 HTML <ul class="breadcrumb"> <li><a href="#">トップページ</a></li> <li><a href="#">第二階層</a></li> <li><a href="#">第三階層</a></li> <li><a href="#">第四階層</a></li> <li><a href="#">ç¾åœ¨ä½ç½®</a></
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}