基于jquery实现五星好评

(编辑：jimmy 日期: 2024/11/9 浏览：3 次 )

在电商网站，我们经常会用到五星评分的功能，现在用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="/UploadFiles/2021-04-02/jquery-1.12.2.js">

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：浅谈Emergence.js 检测元素可见性的 js 插件
下一篇：基于JavaScript实现五子棋游戏