js如何实现这种效果，望高手能解答

类似于京东、淘宝等电商平台的评分功能，如下图：
图片说明

每格设定为2分，共10分；
span元素为5个，假设鼠标直接第4个span上，前3个改变样式并加上分数；

小第我是从设计想转到前端，想好好学习javascript，希望前端高手能指导指导。

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
tony4geek 2016-02-01 09:14
关注
http://demo.lanrenzhijia.com/yulan/368/

http://www.cnblogs.com/ngnetboy/archive/2012/08/05/2623594.html

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

一个前端js问题，求解答 java javascript 前端
2023-01-13 10:58

回答 3 已采纳示例如下，可运行哦，望采纳： <!DOCTYPE html> <html> <body> <h2>JavaScript ISO Dates</h
大佬们，这种图能用echarts实现吗？ javascript vue.js 前端
2022-09-23 14:16

回答 3 已采纳这个图其实并不难,就是学一下canvas怎么画线,怎么填充文字在对应的位置就可以实现这个图形,多研究一下,加油兄弟
前端项目，怎么实现文字逐个出现的效果？ css3 html5 javascript
2020-12-15 14:08

回答 4 已采纳 <!DOCTYPE html> <html> <head> <meta charset="GBK"> <t
高手为你解答this指向问题
2022-06-13 23:22

Gz是高手的博客 2.new 当使用new关键字调用函数时，函数中的this一定是JS创建的新对象。 3.bind 特点1：多次bind时只认第一次bind的值。 function func() { console.log(this) } func.bind(1).bind(2)() // 1 特点2：箭头函数中...
有什么前端好用的插件能实现下面的3D效果吗 css html5 vue.js
2021-08-31 09:21

回答 3 已采纳 three.js 了解下
这种按钮JS怎么实现 html5 javascript 前端
2022-07-11 13:16

回答 3 已采纳你好，两个按钮外面用个div包裹起来就行了
实现前端效果，请教一下 css html5 javascript
2021-07-25 16:34

回答 2 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
Web前端学习：JavaScript基础知识整理
2019-10-07 15:37

web前端新手学习之家的博客不论是专业还是非专业，有基础亦或是无基础，都想通过学习Web前端实现高薪就业。不过，学习要一步一个脚印，不能一口吃一个胖子，所有的实战经验都是基于理论而积累形成，今天小编就给大家梳理汇总一下JS相关的...
java如何实现前端的CryptoJS.SHA256加密方法 java javascript 前端
2022-02-14 15:58

回答 2 已采纳 import java.io.UnsupportedEncodingException; import java.security.MessageDigest; import java.securit
问答的这种点击展开收藏JS怎么实现呀？ html5 javascript 前端
2022-07-13 09:42

回答 6 已采纳并不需要每个都绑定事件，可曾听闻事件委托，也叫事件代理，就是在它们公共的父元素绑定事件，然后里面判断当前触发的是哪一个子元素，给对应的子元素增加对应的样式即可。如不理解，可以问我，耐心解答。
前端js怎么实现这种中间带T末尾带Z的字符串'yyyyMMddThhmmssZ'日期转换？ javascript vue.js
2021-05-18 18:32

回答 2 已采纳 moment.js了解一下 http://momentjs.cn/ let a= moment(178102345088).format("yyyyMMddThhmmssZ"); co
前端开发知识点解答-问题-面试问题
2019-05-06 20:12

阿川阿川的博客 JavaScript基础：数据类型、运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步装载、模板引擎、前端MVC、路由、模块化、Canvas、...
前端js实现web页面导出Excel，乱码问题前端
2017-12-25 07:32

回答 8 已采纳页面头部meta设置utf-8
前端怎么学，如何从小白变成大牛，一篇文章实现你对前端的看法
2021-06-28 18:24

处女座的小阿民的博客前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。前端开发从网页制作演变而来，名称上有很明显的...
【粉丝福利社】 Vue.js从入门到精通（软件开发视频大讲堂）（文末送书-进行中）
2024-04-19 00:17

愚公搬代码的博客 Vue.js 是一个渐进式的 JavaScript 框架，用于构建用户界面。它于 2014 年由 Evan You 创建，并迅速成为前端开发中最受欢迎的工具之一。Vue 的核心库专注于视图层，易于学习和整合，可以帮助开发者构建交互式的 web ...
没有解决我的问题, 去提问

悬赏问题

¥15 素材场景中光线烘焙后灯光失效
¥15 请教一下各位，为什么我这个没有实现模拟点击
¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
¥20 有关区间dp的问题求解
¥15 多电路系统共用电源的串扰问题
¥15 slam rangenet++配置
¥15 有没有研究水声通信方面的帮我改俩matlab代码
¥15 ubuntu子系统密码忘记
¥15 保护模式-系统加载-段寄存器