java做五角星代码 五角星html代码

* {
padding: 0;
margin: 0;
}
.comment {
font-size: 40px;
color: #ff3100;
}
.comment li {
float: left;
cursor: pointer;
}
ul {
list-style: none;
}
.current{}
$(window).ready(function () {
var wjx_none = '☆'; // 空心五角星
var wjx_sel = '★'; // 实心五角星
$(".comment li").on("mouseenter",function () {
$(this).text(wjx_sel).prevAll("li").text(wjx_sel).end().nextAll("li").text(wjx_none);
});
$(".comment li").eq(0).on("mouseout",function () {
$(this).text(wjx_none)
});
$(".comment li").on("click",function () {
$(this).addClass("current")
$(this).text(wjx_sel).prevAll("li").text(wjx_sel).end().nextAll("li").text(wjx_none);
});
});
• ☆
• ☆
• ☆
• ☆
• ☆