评价中的星效果实现

html

<p class="star">诚信等级:
    <span></span>
    <span></span>
</p>

css

.star {
    text-align: center;
    font-size: 15px;
    padding-top: 10px;
}

.star span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url({sh::RES}show/img/star.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 1px;
}

模本中使用php智能化处理

<p class="star">诚信等级:
    <php>
    for($i = 0 ;$i< $certification_info['honesty'];$i ++)
    {
        echo "<span></span>";
    }    
    </php>
</p>
posted @ 2016-04-02 11:06  TBHacker  阅读(387)  评论(0编辑  收藏  举报