jQuery五星好评demo

最新推荐文章于 2021-06-18 15:28:59 发布

安静的对折

最新推荐文章于 2021-06-18 15:28:59 发布

阅读量2.7k

点赞数

分类专栏： JQ 文章标签： jQuery 五星评分

本文链接：https://blog.csdn.net/k491022087/article/details/54023318

版权

本文通过实例代码介绍如何利用jQuery快速创建一个五星好评展示效果，常见于电商网站的用户评价系统。

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

在电商网站，我们经常会用到五星评分的功能，现在用jQuery实现一个简单的demo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>五角星评分案例</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        .comment {
            font-size: 40px;
            color: teal;
        }
        .comment li {
            float: left;
        }
        ul {
            list-style: none;
        }
    </style>
</head>
<body>
<ul class="comment">
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
</ul>

<script src="jquery-1.12.2.js"></script>
<script>
    $(function () {
        var wjx_k = "☆";
        var wjx_s = "★";
        //prevAll获取元素前面的兄弟节点，nextAll获取元素后面的所有兄

最低0.47元/天解锁文章

安静的对折

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
jQuery五星好评demo

在电商网站，我们经常会用到五星评分的功能，现在用jQuery实现一个简单的demo 五角星评分案例 * { padding: 0; margin: 0; } .comment { font-size: 40px; col
复制链接

扫一扫

专栏目录