在内容区域用ul和5个li标签做一个初始状态,用一个span标签显示打分结果
<ul>
<li>☆</li>
<li>☆</li>
<li>☆</li>
<li>☆</li>
<li>☆</li>
</ul>
<span id="starScore"></span>
设置样式,使ul和li水平显示
<style type="text/css">
ul {
margin:0px;
padding:0px;
list-style:none;
background-color:pink;
border:1px solid #0094ff;
float:left;
}
li {
font-size:30px;
color:yellow;
float:left;
}
#starScore {
margin-top:10px;
margin-left:5px;
font-size:30px;
}
</style>
用JS为li标签绑定onclick事件,并显示打分结果
<script type="t