JavaScript 星级评价(可半星)

最新推荐文章于 2021-06-30 09:52:24 发布

wangsq-js

最新推荐文章于 2021-06-30 09:52:24 发布

阅读量1.1k

点赞数

分类专栏： javascript 插件文章标签： javascript星级评价可半星

本文链接：https://blog.csdn.net/qq_41617704/article/details/79090482

版权

本文介绍如何利用背景图片实现JavaScript控制的星级评价功能，其中支持半星选择。图片尺寸为36px * 25px，设计上采用白色背景，中间一个空的五角星形状，并在空边框处设有一像素边框，以确保视觉效果。

摘要由CSDN通过智能技术生成

背景图片实现

图片是width:36px; height:25px;
背景是白色，中间一个空的五角星，空的边缘有一像素的边框；（不然就看不到了）；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>星级评价(可半星)</title>
    <style>
        .xin{
    height: 25px; background: url(images/x.png); position: relative; display: inline-block;}
        .xin span{
    display: block; height: 25px;