Php 显示字体星形图标的数量取决于数据库列中的值
对不起,我是新来的 我想从数据库中显示许多产品。其中一列是评级 我想知道如何将该列中的值显示为字体星形图标,而不是值本身 每个产品的值1到5由管理员输入,并显示为访客x号(共5个)的填充星。 我还想将所有产品的平均值显示为星号,其中一个星号可以部分填充 这个项目使用php和mysqliPhp 显示字体星形图标的数量取决于数据库列中的值,php,mysqli,fonts,font-awesome,rating-system,Php,Mysqli,Fonts,Font Awesome,Rating System,对不起,我是新来的 我想从数据库中显示许多产品。其中一列是评级 我想知道如何将该列中的值显示为字体星形图标,而不是值本身 每个产品的值1到5由管理员输入,并显示为访客x号(共5个)的填充星。 我还想将所有产品的平均值显示为星号,其中一个星号可以部分填充 这个项目使用php和mysqli 谢谢你的帮助 您可以使用任何星级jquery插件: 风格 HTML 演示链接: 您只需要在PHP中对其进行动态处理,仅此而已 以下是使星级评定动态化的教程: 本网站旨在获得编程方面的帮助,您可以在这里展示非工作代
谢谢你的帮助 您可以使用任何星级jquery插件: 风格 HTML 演示链接: 您只需要在PHP中对其进行动态处理,仅此而已 以下是使星级评定动态化的教程:
本网站旨在获得编程方面的帮助,您可以在这里展示非工作代码,请求帮助更正代码。它不是为您编写代码的目的。请提供您的非工作代码作为提供帮助的起点。虽然此链接可以回答问题,但最好在此处包含答案的基本部分,并提供链接以供参考。如果链接页面发生更改,仅链接的答案可能无效。-下一次可以吗
li{display: inline-block;color: #F0F0F0;text-shadow: 0 0 1px #666666;font-size:30px;}
.highlight, .selected {color:#F4B30A;text-shadow: 0 0 1px #F48F0A;}
<input type="hidden" name="rating" id="rating" />
<ul onMouseOut="resetRating();">
<li onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onClick="addRating(this);">★</li>
<li onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onClick="addRating(this);">★</li>
<li onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onClick="addRating(this);">★</li>
<li onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onClick="addRating(this);">★</li>
<li onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onClick="addRating(this);">★</li>
</ul>
function highlightStar(obj) {
removeHighlight();
$('li').each(function(index) {
$(this).addClass('highlight');
if(index == $("li").index(obj)) {
return false;
}
});
}
function removeHighlight() {
$('li').removeClass('selected');
$('li').removeClass('highlight');
}
function addRating(obj) {
$('li').each(function(index) {
$(this).addClass('selected');
$('#rating').val((index+1));
if(index == $("li").index(obj)) {
return false;
}
});
}
function resetRating() {
if($("#rating").val()) {
$('li').each(function(index) {
$(this).addClass('selected');
if((index+1) == $("#rating").val()) {
return false;
}
});
}
}