2 csdnuserinall csdnUserInAll 于 2016.02.01 16:27 提问

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

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

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

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

2个回答

rui888
rui888   Ds   Rxr 2016.02.01 17:14
rui888
rui888   Ds   Rxr 2016.02.01 17:16
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
各种JS绚丽效果各种JS绚丽效果各种JS绚丽效果
高手封装好的JS绚丽效果高手封装好的JS绚丽效果高手封装好的JS绚丽效果高手封装好的JS绚丽效果
面向对象的JavaScript(如何一步步成为js高手)
‘工欲善其事,必先利其器’,在深入学习JavaScript之前,我认为我们很有必要了解以下,JavaScript这门面向对象的动态语言到底是一门什么样的语言。J
同望8.3.01 S4写锁加升级
网上看到的,不完善大家研究学习的参考,请勿用于非法用
一个卡拉OK效果的自定义歌词控件
上图就是效果。 背景和字体颜色可以自己调,都定义成了常量并有说明,直接更改即可。 可以自适应不同分别率。 可以自己将其改成根据屏幕高度动态决定显示几行。只需要调整ondraw就好了。 package com.godyde.musicplayer; /** * 显示歌词的自定义控件。 * 核心思想就是根据Mediaplayer.getCurrentPositio
我有个问题想请高手解答一下!是C语言的!谢谢了!我有急用
我做的是编译原理的程序为什么我的这个程序运行七次后(我设了个while 循环)还能运行可就是有错误还在DOS下有提示:Nnll pointer assignment请看下啊:#include #include FILE *f,*s,*id,*nu;int cc=0;char *bao[15]={"+","-","*","/",";","=","+=","-=","*="
如何成为js高手
js的基础知识必须熟练,问到相关知识,都能熟练的说出来 能熟练的写出一些常用特效,不使用jquery等框架,使用原生态的js 对js语言的一些高级特性,比如说作用域链,词法分析,面向对象,闭包,这些不仅仅要了解,还要能利用这些优化自己的程序。 能利用面向对象的方式来封装自己的代码,包括书写常用的特效 能写出一个属于自己的类似jquery的框架,实现常用的特效
联动查询 插件
html div js jquery css写在js里面,纯手打,望高手不吝赐教。
三维CAD中望3D2014 个人免费版永久激活破解版
1.在官网下载、安装中望3D(http://www.zw3d.com.cn/product-58-1.html)。  ps:刚好发现有免费教程,在中望CAD的社区论坛里就有。  2. 下载中望3D2014个人版永久免费注册压缩包(含软件和注册文件)。 3. 进行破解,确保中望3D已经关闭: (1)找到中望3D软件的安装目录,通常位于C:\Program Files\ZWSOFT\ZW3D 2014 Chs (x64)或者C:\Program Files\ZWSOFT\ZW3D 2014 Chs,将破解文件(附件压缩包)ZwLm.dll和ZwLm_libFNP.dll两个文件复制到安装目录下替换掉原来的文件。 (2)打开中望3D软件,确认破解成功。软件破解后,软件开启没有了需要激活的提示,关于中望3D页面最底部产品那,没有了Trial的标识。软件标题栏显示中望3D2014试用版不影响使用。 ps:听说中望3D现在还有免费培训,具体可以复制这个地址去看看:http://www.zw3d.com.cn/service/jiaocheng/list-39.html 注意:国内的软件商一般不像proe、UG那样会去打企业盗版,但也有风险。用此方法转化的免费版还是建议作个人学习之用。
数据结构实验1— 线性表、链表的实现
实现顺序表各种基本操作 实验要求 程序代码 运行结果 实现单链表各种基本操作 实验要求 程序代码 运行结果 约瑟夫环问题 实验要求 问题描述 基本要求 测试数据 程序代码 运行结果 实现顺序表各种基本操作 实验要求 编写程序实现顺序表的各种基本运算,并在此基础上设计一个主程序完成如下功能: (1)初始化顺序表L; (2)依次在L尾部插入元素-1,21,13...
JS放大镜实现原理和代码
*{ margin: 0; padding: 0; } .xiao{ width: 300px; height: 300px; margin: 50px auto 0; position: relative; } .xiaopci{ width: 300px; height: 300px; display: block; } .shou{ width: 100px;