<head>
<style type="text/css">
div{width:700px;margin:0 auto;position:relative;}
.one{ float:left;}
ul{ display:inline;}
li{background:url(../star.png) no-repeat top left; display:inline-block; width:19px; height:19px; font-size:0; line-height:0px;list-style:none; float:left; margin:0 2px; cursor:pointer;}
.on{ background:url(../star.png) no-repeat bottom left;}
p{ width:154px; height:55px; background:url(../icon.gif); background-size:contain; position:absolute; top:5px; left:60px; text-align:left; display:none; padding-top:5px; padding-left:5px;}
p,span,strong,em{font-size:12px; font-style:normal;}
em {color:red;display:block; }
</style>
</head>
<body>
<div>
<span class="one">点击星星就能打分</span>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<span></span>
<p></p>
</di
小项目-星级评分系统
最新推荐文章于 2024-02-08 00:37:05 发布
本文将介绍如何创建一个星级评分系统,通过源码分享详细步骤,帮助读者理解实现过程。
摘要由CSDN通过智能技术生成