通过五个五角星展示分数的效果，能实现根据长度显示星星内部的效果，比如只有2.1个星这样的效果，如图：
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无标题文档</title>
</head>
<body>
<style type="text/css">
.box215{width:215px;border-bottom:1px solid #e5e5e5;padding-bottom:10px;margin-left: 20px;}
.titPf{height:40px;line-height:40px;}
.scroCol{height:29px;padding-bottom:10px;}
.staL{float:left;display:inline;margin:10px 7px 0 0;background:#b4b3b1;width:99px;height:14px;}
.yelloS{background:#f2d03d;width:1px;height:14px;}
.scoR{float:left;display:inline;margin:5px 0 0 0;}
.scoB{font-family:Arial;font-size:18px;color:#cc0001;}
.scoP{color:#999999;}
</style>
<div class="box215">
<div class="titPf f14">打分：</div>
<div class="scroCol clearfix">
<div class="staL">
<div class="yelloS" id="score"><img src="http://dl2.iteye.com/upload/attachment/0100/8849/e3593dfa-6560-3008-9dbf-e052bc6fafb3.gif" width="99" height="14" /></div>
</div>
<div class="scoR"><em class="scoB" id="fen">4.8</em><em class="scoP"></em></div>
</div>
<script type="text/javascript">
var n = 2;//获取星星之间的间隔，比如会有3颗星星，中间的间隔就是2，因为星星之间是有间隙的，所以需要加上间隔的长度
var len = 6*n + 36;
document.getElementById("score").style.width = len + "px";
</script>
</div>
</body>
</html>
相关推荐
Qt编写的360安全位置内显示分值波浪滚动圆形控件，将其添加到界面就可以使用
jquery实现打分，显示星星等级等。jquery实现打分，显示星星等级等。
分值：10分 功能要求： 1、 功能菜单的显示 2、 可以不断重复选择不同的指令，直到程序退出为止。 3、 实现两个数的加法，减法，乘法，除法四种运算 4、 可以重新输入新的操作数 5、 如果输入菜单之外的指令，系统...
单行填充题 多行填充题 单选+输入 多选+输入(可控选择数) 矩阵题 对选项进行分值设定 集成输入验证 防IP重复提交 可设定问卷结束日期 可设定提交后的显示页 问卷密码前置 即时开关...
lcd1602显示代码，对于各种初学者有很大帮助，分值只需两分，方便下载
函数成员：显示信息操作，计算成绩操作（成绩=发表论文数量*每篇分值+课程成绩）； 研究生类派生出博士研究生类： 数据成员：发表论文数量、每篇分值（20分）； 函数成员：显示信息操作，计算成绩操作（成绩=发表...
电子时钟的设计：调用延时TIME延时中断服务程序，累加到存放秒值的寄存器DL中，并进行十进制调整。在累加的过程中，不断地对时、分、秒值进行比较，秒不能等于60，分...时、分、秒值都不超过限制值时，就转显示屏输出。
d) 当正常计时的时、分值等于预设的闹时、闹分值时，LED、蜂鸣器报警信号有效。 2． 扩展（在上述功能要求基础上，选做）： a) 秒表功能：最大显示99分、59秒、10分之1秒、100分之1秒；可暂停、继续、停止、重新开始...
窗口下面有一个发送子弹的小人，小人可以左右移动，子弹从小人的位置往上运动，若子弹射中了相应分值的位图，就在总分数加上相应的分值，并在窗口的左上角显示出来。如果按住菜单栏里的退出菜单项，那么就结束整个...
可以显示U盘得分(参考分值 >= 30 ,分值越大性能越好!),检测U盘的输入电流及当前所使用的协议，显示分区系统类型及是否对齐等。除此之外还可以安全删除所选择的设备，相当于系统的安全删除硬件功能。
插入点后面所有的字符 插入点前面所有的字符 插入点后面的一个字符 插入点前面的一个字符 本题分值： 用户得分： 用户解答： 插入点后面的一个字符 知识点： . 把一台普通的计算机变成多媒体计算机，要解决的关键...
2.显示全部学生各科成绩信息； 3.对各科成绩统计分析（总分、平均分、最高分、最低分、及格率等）； 4. 统计各科各分数段人数。 5.按学号或姓名查找并显示某个学生的各科成绩； 6.按课程成绩或总分由高到低排序显示...
数字钟设计实例 利用AT89C51的定时器和6位7段数码管，设计一个电子时钟，显示格式"XX XX XX"，从左向右分别是：时、分、秒 1. 硬件设计 2. 软件设计 说明：定时器每1000us中断一次，在中断服务程序中，对中断次数...
媒体播放机可用于播放DVD 媒体播放机可以用不同的显示模式观看视频 媒体播放机既能够播放视频文件，也能够播放音频文件 媒体播放机可以用于为视频文件添加视频特效 本题分值： 5.0 用户得分： 5.0 用户解答： 媒体...
兰大计算机基础课程作业C 计算机基础课程作业_C 用户名：xiaoyan1403最终成绩：0.0 仅显示答错的题 一 单选题 1. 微型机中的COMS,属于___。 RAM ROM CPU 外存储器 本题分值： 4.0 用户未作答 标准答案： ROM 2. 我们...
这是一项基于stm32的抢答器的设计 1）基础要求 ? 实现抢答信号的产生、保持、... 根据不同题目难易程度，主持人控制加减分值不同； ? 抢答结束后，系统自动评判成绩，显示最高分选手编号； ? 自主开发设计其他功能。
1、所有的text空格普通学生都不能在内...其中原因，显示的是相应的“纪律”、“出勤”、“卫生”、“其他”几项的扣分以降序排序，增扣分值是相应的增扣分之后的总分值。 5、“原因”选项选择增扣分的原因，“增扣分
一．ERDAS Imagine 软件简介 1.ERDAS IMAAGINE软件概述（Introduction ） ...二、图像显示 1.图像显示视窗（Viewer） 2.图像显示 三、数据输入 1.单波段二进制图像数据输入 2.组合多波段数据 四、数据预处理
按下启动按钮（开始抢答）后，若10s内无人抢答，则抢答器自动撤消抢答信号（有声音提示），说明该题无人抢答，自动作废。 2．按下启动按钮（开始抢答）后，第一个按...加分可达最大分值是99分，减分可达最少分值是00分
媒体播放机可以用于为视频文件添加视频特效 媒体播放机可用于播放DVD 媒体播放机可以用不同的显示模式观看视频 媒体播放机既能够播放视频文件，也能够播放音频文件 本题分值： 5.0 用户得分： 5.0 用户解答： 媒体...