当前位置：首页 → 问答吧 → 星星评分

星星评分

时间：2011-03-07

来源：互联网

用星星进行评分，达到这个效果。点击星星，自动得出分数和评价，大家指导一下啊

作者: xiaoshang211 发布时间: 2011-03-07

其实，就是一个判断点击的区域的问题

每颗星对应一个标签，触发标签的onclick事件的时候就知道评分的值多少了

然后记录到数据库，统一进行计算

显示的时候根据平均值判断显示的效果

基本思路就这样

作者: luxu001207 发布时间: 2011-03-07

我的html页面怎么弄啊？我没有那个背景图片啊。

作者: xiaoshang211 发布时间: 2011-03-07

你去下载别人的图片来用就成了

作者: luxu001207 发布时间: 2011-03-07

还是整不明白哦
我html
<div class="grade" id="grade">
<dl><dt>价格：</dt><dd><span>星</span><span>星</span><span>星</span><span>星</span><span>星</span></dd></dl>
</div>

哪里的星号如何替代成图片的样子

作者: xiaoshang211 发布时间: 2011-03-07

2副图片
1副彩色的
1副黑白的
<div 背景放黑白的图片>
<div 背景放彩色的图片 ></div>
<div>

作者: KK3K2005 发布时间: 2011-03-07

图片需要我自己去做？苦恼的就是html和css整不会

作者: xiaoshang211 发布时间: 2011-03-07

如果你只需要显示这个效果而不是点击某颗星星评出对应分数的话，用楼上的方法更简单

如果还需要评分的话，最好还是一颗星星一颗星星的来设置背景图

样式一:星星全彩色
样式二：星星一半彩色一半灰色
样式三：星星全灰色

然后按你的写法，给span设置
<span style="display:block;float:left;" class="样式一">
<span style="display:block;float:left;" class="样式一">
<span style="display:block;float:left;" class="样式一">
<span style="display:block;float:left;" class="样式二">
<span style="display:block;float:left;" class="样式三">

作者: luxu001207 发布时间: 2011-03-07

呃，如果整不会就没法了
要么你就直接copy别人的代码

作者: luxu001207 发布时间: 2011-03-07

需要评判分数的，那个效果怎么弄啊？谁给个代码啊。html和css部分的

作者: xiaoshang211 发布时间: 2011-03-07

这是一个：http://www.cnblogs.com/miqi2214/archive/2008/12/12/1353826.html
2个：http://archive.cnblogs.com/a/1598932/

作者: happy175 发布时间: 2011-03-07

AJAX

作者: yhtapmys 发布时间: 2011-03-07