javascript实现类似于淘宝的星级评价
2019独角兽企业重金招聘Python工程师标准>>>
javascript代码
需要两张星星的图片,一张是白色的,一张是金色的。
<script type="text/javascript"> $(function(){ $("#ratings td").html("<img src='head.jpg' />").mouseover(function(){ $("#ratings td").html("<img src='head2.jpg' />"); $(this).nextAll().html("<img src='head.jpg' />"); }); }); </script>
html代码
<table id="ratings"> <tr> <td></td><td></td><td></td><td></td> </tr>
</table>
效果如图
<IMG alt=https://img-blog.csdn.net/20140529103454218?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hpbmFtdW1teV8yOQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast src="http://static.oschina.net/uploads/img/201407/12093002_zpaX.jpg" _src="http://static.oschina.net/uploads/img/201407/12093002_zpaX.jpg">
转载于:https://my.oschina.net/chinamummy29/blog/289876
javascript实现类似于淘宝的星级评价相关推荐
- 【iOS_GitHub】评分条/星级条(类似于淘宝/京东/1号店/亚马逊等商城类的评分条,支持0.5分哦)
RatingBar 评分条(类似于淘宝/京东/1号店/亚马逊等商城类的评分条,支持0.5分哦) 先上图,看一下是否符合你的场景吧! Function Description 点击评分 滑动评分 个 ...
- 基于BootStrap仿淘宝星星商品评价案例
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- 仿淘宝中的评价晒单中选择图片可以预览,添加,删除
前一篇文章写了如何把input="file"的默认样式改为自己想要的样式所以这篇是在这个的基础上写的,也就是说改变成了自己想要的样式之后,点击选择图片,可以放在一个div中预览,同 ...
- Android淘宝好评星级进度条RatingBar原来可以这么玩
Android淘宝好评星级进度条RatingBar原来可以这么玩 系统自带的比较老土 布局文件:activity_main.xml <LinearLayout xmlns:android=&qu ...
- 弘辽科技:淘宝有违规评价有什么影响吗?违规评价多久会消失?
每一个淘宝店铺都会经过很多阶段,处于不同的阶段需要操作不同的运营策略,但是每个阶段也有很多运营操作相同的地方,比如说都需要知道淘宝有违规评价有什么影响? 淘宝异常评价异常通知,其实对淘宝号并没有多大的 ...
- javascript实现的淘宝五星评价(版本2)
今天又用了一下淘宝评价,发现淘宝评价不是鼠标移上去变化,而是直接用手点击.所以把前两天的代码又修改了一下,改成点击选中. 第一种实现方式 <!DOCTYPE html> <html& ...
- 淘宝开通恶意评价维权通道 客服24小时内处理
昨日,淘宝网正式开通恶意评价在线维权通道,淘宝卖家一旦遭遇买家恶意评价敲诈行为,可第一时间通过该通道进行维权. 恶意评价在线维权通道开通后,淘宝卖家一旦遭遇到评价人以给予中.差评的方式谋取额外财务或其 ...
- 淘宝关闭“售后评价”功能 消费者依然有权通过追加评价
淘宝近日发布一则新规,将下线"售后评价"功能,此次规则将于2017年8月25日生效. 淘宝网在规则公示中表示,此前上线的"售后评价"功能,是供买家退款成功后对卖 ...
- CVPR 2023|淘宝视频质量评价算法被顶会收录
近日,阿里巴巴大淘宝技术题为<MD-VQA: Multi-Dimensional Quality Assessment for UGC Live Videos>-- 适用于无参考视频质量评 ...
最新文章
- RDKit | 基于RDKit输出分子结构图(Image)的方法
- Openstack贡献者须知 2 — 社区工作运作 代码贡献流程
- 360视域分析 cesium_Cesium-空间分析之通视分析(附源码下载)
- 解决Unity3D导出apk失败:Failed to re-package resources
- 【BZOJ2584】memory,扫描线+拓扑图+骗
- 《中国机长》和《我和我的祖国》合计票房破31亿 两片贡献国庆档八成票房
- 计算机应用基础试题号2007,2006-2007计算机应用基础期末试题(A卷).pdf
- 3.11 框架和样式表
- linux禁用ssh弱加密算法,SSHSSL弱加密算法漏洞修复
- python中sys.argv[]的使用
- linux学习作业-第八周
- iPhoneアプリに本格ホラーアドベンチャー監獄脱出少女 android
- 制作1G的U盘启动盘
- SQL Server基础知识
- csharp基础练习题:过滤列表【难度:1级】--景越C#经典编程题库,不同难度C#练习题,适合自学C#的新手进阶训练
- shfileoperation C#无法读源文件或磁盘XP系统1026错误
- 爬虫爬评书吧_历史故事爬虫
- ESP定律脱压缩壳aspack
- 如何用微信公众号二维码事件做扫码登陆
- Azure NSG Flow Log 引发的自嗨 -- 日志查询分析
热门文章
- ERROR: Could not install packages due to an OSError: [Errno 13] Permission denied问题解决
- 虚幻4增强现实Demo
- 如何将Kwikset Kevo恢复出厂设置
- An unhandled win32 exception occurred in python.exe
- ArcGIS距离分析—规划最低成本路径
- 北理889考研(食品跨考计算机)
- matlab sig2ext,matlab sig2ext
- C++操作Word学习笔记(三)
- Hadamard积 学习笔记(张贤达《矩阵分析与应用》)
- 电子科技大学计算机16级公示,物光院关于受理2021年博士学位申请工作的通知