jQuery实现滑动星星评分效果(每日分享)

2023-08-09 11:06:04 62

#starRating.photospan{ position:relative; display:inline-block; width:44px; height:42px; overflow:hidden; margin-right:23px; cursor:pointer; } #starRating.photospan:last-child{ margin-right:0px; } #starRating.photospan.nohigh{ position:absolute; width:44px; height:42px; top:0; left:0; background:url("../img/star.png"); } #starRating.photospan.high{ position:absolute; width:44px; height:42px; top:0; left:0; background:url("../img/star1.png"); } #starRating.starNum{ font-size:26px; color:#de4414; margin-top:4px; margin-bottom:10px; } #starRating.bottoms{ height:54px; border-top:1pxsolid#d8d8d8; } #starRating.photo{ margin-top:30px; } #starRating.bottomsa{ margin-bottom:0; } #starRating.bottoms.garyBtn{ margin-right:57px!important; } #starRating.bottomsa{ width:130px; height:35px; line-height:35px; border-radius:3px; display:inline-block; font-size:16px; transition:all0.2slinear; margin:16px022px; text-align:center; cursor:pointer; } .garyBtn{ margin-right:60px!important; background-color:#e1e1e1; color:#999999; } .blueBtn{ background-color:#1968b1; color:#fff; } .blueBtn:hover{ background:#0e73d0; }

以上所述是小编给大家介绍的jQuery实现滑动星星评分效果(每日分享)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

jQuery实现滑动星星评分效果(每日分享)

热门推荐

随机推荐