jq星星评分系统

最新推荐文章于 2022-09-27 16:32:53 发布

愿望是早睡

最新推荐文章于 2022-09-27 16:32:53 发布

阅读量378

点赞数 2

分类专栏： HTML js jQuery 文章标签： html

本文链接：https://blog.csdn.net/m0_64421354/article/details/121640766

版权

本文介绍如何利用jQuery和CSS创建一个交互式的星星评分系统，包括设置静态和动态评分显示，以及与后台数据的交互。通过实例代码解析实现细节。

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
    <style>
        ol {
            list-style: none;

        }

        li {
            float: left;
            cursor: pointer;
            font-size: 100px;

        }
    </style>
    <script src="JS/jquery-1.12.4.js"></script>
</head>
<body>
<ol id="olStar">
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
    <li>☆</li>
</ol>
</body>
<script>
    $(document).ready(function (){
    var isSave = false;
    $(function () {
        $("#olStar li").mouseenter(function () {
            isSave = false;