专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > JavaScript

怎么在前端实现读取数值显示星级分数的功能

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
如何在前端实现读取数值显示星级分数的功能
如图效果,



后台传递数值过来,比如7.8,8,想要在前台实现星星亮暗功能。

素材



------解决思路----------------------
http://bbs.csdn.net/topics/391827971

之前的一个类似帖子。
------解决思路----------------------
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title> 页面名称 </title>
<style type="text/css">
.bg {
background: url("http://img.bbs.csdn.net/upload/201510/22/1445523252_651795.png");
width: 93px;
height: 16px;
}
.bg div {
background: url("http://img.bbs.csdn.net/upload/201510/22/1445523260_910443.png");
height: 100%;
}
</style>
</head>
<body>
<div class="bg"><div style="width: 50%;"></div></div>
<div class="bg"><div style="width: 60%;"></div></div>
<div class="bg"><div style="width: 70%;"></div></div>
<div class="bg"><div style="width: 80%;"></div></div>
</body>
</html>
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: