原文:【javascript】原生 js 星级评分

今天上午抽空随手写了个星级评分的效果,给大家分享下。由于水平有限,如有问题请指出。 首先要准备一张星星的图片,灰色是默认状态,黄色是选择状态。如图: 最后附上代码: 附上下载地址。 ...

2012-12-21 11:15 0 8858 推荐指数:

查看详情

原生js实现星级评分

今天来实现下星级评分,后边并跟有评价文字。 html代码如下: css如下: js如下: 代码运行效果如下: ...

Thu Dec 14 06:49:00 CST 2017 1 8633
原生JS实现-星级评分系统

今天我又写了个很酷的实例:星级评分系统(可自定义星星个数、显示信息) sufuStar.star();使用默认值5个星星,默认信息 var msg = [........]; sufuStar.star(10,msg);自定义星星个数为10、显示信息msg格式参考默认值,条数必须和星星个数一致 ...

Sat Aug 20 22:31:00 CST 2016 0 1949
js 实现星级评分

  最近的项目中有一个星级评分的需求, 自己就写了一下, 由于可能一个页面要用到多个,就采用了面向对象的写法。   用到的png图片也放到这里。   js要用到jquery。 css:    js: 由于我这里的需求只有点 ...

Fri Feb 22 17:33:00 CST 2019 0 678
JS实现星级评分

星星图片来源于https://www.iconfont.cn/search/index?searchType=icon&q=%E6%98%9F ...

Thu Apr 25 19:59:00 CST 2019 0 535
JS实现星级评分

鼠标点击后可保留颜色。 页面效果如下: ...

Wed Mar 16 02:06:00 CST 2016 0 1757
Javascript 实现简单的星级评分功能

  使用 javascript 实现简单的星级评分功能,思路很简单,封装一个能进行重复调用函数:   当鼠标移入后,遍历评分div里的子div,然后前两个子div改变背景为灰色,后面全部为橙色,然后改变对应的评分内容;   当鼠标移出后,使用for循环把子div背景颜色和评分内容恢复初始化状态 ...

Sat Sep 22 17:12:00 CST 2018 0 722
js实现星级评分之方法一

利用一个星级评分的小案例,来逐步封装js星级评分插件。 从最基础的js知识,通过一个小的demo,逐步学习js的面向对象知识。 从浅到深,逐步递进。 图片素材 ...

Fri Jul 21 06:36:00 CST 2017 0 1539
JS星级评分效果(类似与淘宝打分效果)

今天晚上研究下 五星级评分效果,类似于淘宝后台评分效果,如下图所示: 思路: 当鼠标移到一颗星的时候 判断当前的索引 当前及当前的索引前面的星星亮起来 每当移到任何一颗星星时候 下面跟随提示 mouseout时候 提示消失,移出时 全部变灰。每当点击一颗星星时候 同样判断当前的索引 当前 ...

Tue Nov 26 09:06:00 CST 2013 14 6896
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM