如何用jQuery和PHP实现流行的购物商城星级评分功能？

本文共计757个文字，预计阅读时间需要4分钟。

jQuery 和 PHP 实现购物网站常用的星级评分效果。在购买商品后，平台提供评分功能。下面简要说明实现方法：

1. 在 .rate 类中添加显示的灰星星 p 标签。

代码示例：

☆

2. 使用 jQuery 监听评分点击事件，动态调整星星的宽度。

代码示例：javascript$(document).ready(function() { $('.rate .gray-star').on('click', function(e) { var clickWidth=e.pageX - $(this).offset().left; var starWidth=clickWidth / $(this).width() * 100 + '%'; $('.rate .star').css('width', starWidth); });});

以上代码即可实现购物网站的星级评分效果。

jQuery+PHP实现购物商城常用的星级评分效果，我们在商城平台购买商品后，会有个评分功能，本实例就来说说实现方法。

首先我们在.rate里面加入显示的灰星星p#big_rate、亮星星p#big_rate_up、分数span#s及span#g和提示信息p#my_rate。