html五角形代码,五角星.html · woshiluowenhao/TestWeb - Gitee.com

五角星评分案例

* {

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);

});

});

• ☆
• ☆
• ☆
• ☆
• ☆

一键复制

编辑

Web IDE

原始数据

按行查看

历史