（1）评分——点亮星星，blackbone+jq

5个图片，点击当前图片的时候让后面的图片换成灰色的

 HTML:<div class="review"><div class="name"><%= item.score %><%= item.message %></div><div class="news"><img src="data:images/star.svg" data-index = '1'><img src="data:images/star.svg" data-index = '2'><img src="data:images/star.svg" data-index = '3'><img src="data:images/star.svg" data-index = '4'><img src="data:images/star.svg" data-index = '5'></div></div>JS:var link ={1:'失望',2:'不满',3:'满意',4:'比较满意',5:'极力推荐',};$(".news").find("img").on("click",function(e){var score = $(this).data('index');obj.reviewList[0].score = score;// 分数 文本$(".name").text(score+'分  '+link[score]);$(this).nextAll().attr('src',__uri('images/star-no.svg'));$(this).nextAll().addClass('null');if($(this).attr("class")=='null'){$(this).prevAll().attr('src',__uri('images/star.svg'));$(this).attr('src',__uri('images/star.svg'));}});

（1）评分——点亮星星，blackbone+jq相关推荐

点亮星星评分效果（js/vue）
1.使用js计算宽度 <!DOCTYPE html> <html lang="en"><head><meta charset=" ...
投票点亮星星html,透过点亮星星实现评分效果，可自定义星星数
当前位置:我的异常网» Web前端 » 透过点亮星星实现评分效果,可自定义星星数透过点亮星星实现评分效果,可自定义星星数 www.myexceptions.net 网友分享于:2013-11-01 ...
JS - 点亮星星评分
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
实现点亮星星评分的效果
场景:有些需求会要求用原生去实现点亮星星评分的效果,下面做了一个简单的demo,效果如下: 1.html部分 <div class="box"><img src= ...
php星星评价,JS 实现点亮星星评分功能
本文主要和大家分享JS 实现点亮星星评分功能,希望能帮助到大家. 点亮星星评分 ★ ★ ★ ★ ★ 相关推荐:
微信小程序实现星星评分-整颗星星评分、半颗星星评分、任意颗星星展示
一.实现整颗星星评分(默认一颗星) 1.效果图 2.准备图片 3.remark.wxml <view class="stars"><view wx:for=&qu ...
豆瓣评分小程序星星评分组件
豆瓣评分小程序星星评分组件评分功能:小星星,多处使用,所以抽出成为component组件,然后在需要使用的页面按需注册导入 1.1,新建component名为stars 1.2,然后按需在页面注册 ...
star评星点亮星星原生js评星 vue评星
类似于淘宝订单交易成功后,会进行评价. 项目结构如下: 一:原生js进行评星 <!DOCTYPE html><html lang="en"><head ...
JS之评价页面点亮星星进行评价
效果如下: 代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8">< ...

（1）评分——点亮星星，blackbone+jq

（1）评分——点亮星星，blackbone+jq相关推荐

最新文章

热门文章