小项目-星级评分系统

最新推荐文章于 2024-02-08 00:37:05 发布

lhh_12345

最新推荐文章于 2024-02-08 00:37:05 发布

阅读量608

点赞数

分类专栏： Javascript 文章标签：星级评分系统

本文链接：https://blog.csdn.net/lhh_12345/article/details/53404665

版权

<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

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lhh_12345

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小项目-星级评分系统

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;
复制链接

扫一扫