写一个简单易懂的五星好评代码

最新推荐文章于 2022-01-05 19:01:04 发布

隔壁那小子的菇凉

最新推荐文章于 2022-01-05 19:01:04 发布

阅读量883

点赞数 1

分类专栏： jq 文章标签： jquery html5 javascript css

本文链接：https://blog.csdn.net/weixin_54911115/article/details/118685991

版权

这篇博客介绍了一个简单的五星好评系统实现方法。通过HTML结构、CSS样式和jQuery代码，实现了鼠标悬停时星星变为实心，点击后保持被选中星星及之前的所有星星为实心的效果。在处理鼠标离开事件时，需要记录点击的星星并维持其状态。

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

1、五个li，每个li一个空心的五角星背景图
2、鼠标移上li时，当前和前面所有的li为实心
3、鼠标移开时，变回空心
4、点击li，当前的li和当前所有的li为实心，后面的为空心
在这里插入图片描述

<body>
	<div class="box">
		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
</body>

<style>
	*{
   padding: 0;margin: 0;border: none;list-style: none;}
	li{
   float: left;cursor: pointer;width: 40px;height: 40px

关注

专栏目录