HTMLã¨CSSã«ã‚ˆã‚‹è¡¨ç¾ã‚’考ãˆã‚‹ 複数ã®ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’並ã¹ã¦ãŠãã€ç”»åƒã‚’クリックã™ã‚‹ã¨ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§æ‹¡å¤§ç”»åƒã‚’表示ã™ã‚‹Webページを作æˆã—ã¾ã™ã€‚ã¯ã˜ã‚ã«ã€HTMLï¼XHTML(以下ã€HTML)ã¨CSSã§ã©ã®ã‚ˆã†ã«ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’表ç¾ã™ã‚‹ã‹ã€é™çš„ãªãƒšãƒ¼ã‚¸ã‚’作ã£ã¦è€ƒãˆã¦ã¿ã¾ã—ょã†ã€‚ HTMLã¯ã€ul/liè¦ç´ ã§ä¸¦ã¹ãŸã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã®å¾Œã«ã€ã€ŒglayLayerã€ã¨ã€ŒoverLayerã€ã¨ã„ã†id属性をã¤ã‘ãŸdivè¦ç´ ã‚’é…ç½®ã—ã¾ã™ã€‚glayLayerã¯ãƒšãƒ¼ã‚¸å…¨ä½“ã«é‡ãã‚‹åŠé€æ˜Žã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’表示ã™ã‚‹ãŸã‚ã®è¦ç´ ã§ã€overLayerã¯åウィンドウを表示ã™ã‚‹ãŸã‚ã®è¦ç´ ã§ã™ã€‚åウィンドウã«è¡¨ç¤ºã—ãŸã„è¦ç´ (今回ã¯imgè¦ç´ )ã¯overLayer内ã«é…ç½®ã—ã¾ã™ã€‚ ▼サンプル01(HTML部分) <h1>jQueryを利用ã—ãŸãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ä½œæˆ</h1> <ul> <li><a href="i

{{#tags}}- {{label}}
{{/tags}}