jQueryã§èƒŒæ™¯ç”»åƒã‚’アニメーションã§ç„¡é™ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ç”»åƒã®æº–å‚™ ã¨ã‚Šã‚ãˆãšã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ç”»åƒã‚’用æ„ã—ã¾ã™ã€‚ループã•ã›ã‚‹ã®ã§ç¶™ãŽç›®ã®ãªã„ç”»åƒã‚’作æˆã—ãŸæ–¹ãŒã„ã„ã‹ã‚‚ã§ã™ã€‚ 作æˆã—ãŸã‚‰ã€Œbg.pngã€ã¨ã„ã†åå‰ã§ä¿å˜ã—ã¾ã™ã€‚ 今回ã¯ã“ã‚“ãªç”»åƒã‚’作æˆã—ã¦ã¿ã¾ã—ãŸã€‚ デザインãŒã—ょã¼ã„ã¨ã‹è¨€ã£ã¦ã¯ã„ã‘ãªã„ï¼ html+cssã§ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ã«ç”»åƒã‚’é…ç½® html+cssã¯ç‰¹åˆ¥ãªã“ã¨ã¯ãªã普通ã«ä½œã‚Šã¾ã™ã€‚ ç”»åƒã¯bodyã®ã€Œbackgroundã€ã§é…ç½®ã—ã¦ã¿ã¾ã—ãŸã€‚ html <body> <div id="container"> <h1>jQueryã§ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚’ç„¡é™ãƒ«ãƒ¼ãƒ—</h1> <p> ã“ã®ãƒšãƒ¼ã‚¸ã¯jQueryã§ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ç”»åƒã‚’アニメーションループã•ã›ã‚‹ã‚µãƒ³ãƒ—ルページã§ã™ã€‚ </p> </div> </body> css body{ background: #A6E9FF url(bg.png) repeat-x; margin
1ランク上ã®ã€ŒHTML5ã€åˆ¶ä½œã«æ¬ ã‹ã›ãªã„サイト・ツール・アプリã®ã¾ã¨ã‚21個ï¼
ウェブページã§ç¸¦æ›¸ãレイアウト - tategaki.info
:before, :after擬似è¦ç´ ã®ä½¿ã„方を基本ã‹ã‚‰ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« | コリス
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ç³»ã„ã‚ã„ã‚
/ç”»åƒãƒ»HTMLãƒãƒƒãƒ—アップ表示
WEBデザイナーã¨ã„ã†è‚©æ›¸ãを使ã†å ´åˆã«ã‚ã£ãŸã‚‰ã„ã„ã‹ã‚‚ãªã‚¹ã‚ルã¨WEBã§è¦‹ã‚Œã‚‹ç„¡æ–™æ•™æã¨ãƒªã‚½ãƒ¼ã‚¹é›†:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}