Jquery 评星效果Rating精华版

本文介绍如何使用Jquery实现一个功能完善的评星系统,包括支持页面上多个独立的评星组件,可自定义星星数量、默认星级、悬停效果以及评星描述。示例中详细给出了rating.js的代码实现以及配套的页面HTML结构,帮助读者快速理解和应用。
摘要由CSDN通过智能技术生成

实现功能:

  1. 同一页面可以使用多个评星,相互不干扰
  2. 星星数量可自定义
  3. 可设置默认的星级
  4. 在选择星级之后,仍有悬停效果
  5. 可自定义评星描述

rating.js代码:

function InitStar(count,cur,s0,s1,ctn,txt){
    for(var i=1;i<=count;i++){  
        var p=(i<=cur)?s1:s0; 
        $("<img/>").attr({"src":p,"flag":i}).css("cursor","pointer")
        .mouseover(function(){  
            var cur=parseInt($(this).attr("flag"));
            $("#"+ctn).children().each(function(){  
                var i=parseInt($(this).attr("flag"));  
                var p=(i<=cur)?s1:s0;
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值