ウノウラボ Unoh Labs: JavaScriptを使ã‚ãªã„スターレイティングã®ä½œã‚Šæ–¹ã“ã‚“ã«ã¡ã‚ã€å±±ä¸‹ã§ã™ã€‚ Amazonãªã©ã§ä½¿ã‚ã‚Œã¦ã„るよã†ãªå•†å“を☆ã®æ•°ã§è©•ä¾¡ã™ã‚‹ã‚¹ã‚¿ãƒ¼ãƒ¬ã‚¤ãƒ†ã‚£ãƒ³ã‚°ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚今回ã¯ã€CSS The Star Matrix Pre-loadedã«ç´¹ä»‹ã•ã‚Œã¦ã„る記事をå‚考ã«ã€ãã®ä½œã‚Šæ–¹ã‚’ç°¡å˜ã«ç´¹ä»‹ã—よã†ã¨æ€ã„ã¾ã™ã€‚ 1.ç”»åƒã‚’用æ„ã™ã‚‹ ã¾ãšæ¬¡ã®ã‚ˆã†ãª1æžšã®ç”»åƒã‚’用æ„ã—ã¾ã™ã€‚16×16ピクセルã®â˜†ãŒã€æ¨ªã«5個ã€ç¸¦ã«11個並んã§ã„ã¦ã€ä¸‹ã«å‘ã‹ã†ã«å¾“ã£ã¦è‰²ã®ä»˜ã„ã¦ã„る☆ã®æ•°ãŒå¢—ãˆã¦ã„ã‚‹ã®ãŒãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ 2.HTMLを書ã HTMLã¯ã¨ã¦ã‚‚シンプルã§ã€ULリストを使ã„ã¾ã™ã€‚ <ul class="rating onestar"> <li class="one"><a href="#" title="1 Star">1</a></li> <li class="two"><a href="#" title="2 Stars">2</a></li> <l
{{#tags}}- {{label}}
{{/tags}}