在显示评级领域，将数值转换为星级评级是一个共同的挑战。我们如何使用 jQuery 和 CSS 根据数字输入动态生成星级评分？
这里有一个创新的解决方案，它利用单个图像和CSS:
<br>span.stars, span.stars span {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">display: block;
background: url(stars.png) 0 -16px repeat-x;
width: 80px;
height: 16px;}
span.stars 跨度{
background-position: 0 0;
}
<br>$.fn.stars = function() {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">return $(this).each(function() {
var val = parseFloat($(this).html());
var size = Math.max(0, (Math.min(5, val))) * 16;
var $span = $('<span />').width(size);
$(this).html($span);
});}
<br><span> <span><span class="stars">
<br>$(function () {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">$('span.stars').stars();});
以上是如何使用 jQuery 和 CSS 从数字输入动态生成星级？的详细内容。更多信息请关注PHP中文网其他相关文章！
