JQ五星好评效果
$(".list-txt ul").find("li").click(function(){
if($(this).index()==0){
if($(this).hasClass("start")){
$(this).parents("ul").find("li").eq(1).removeClass("start");
$(this).parents("ul").find("li").eq(2).removeClass("start");
$(this).parents("ul").find("li").eq(3).removeClass("start");
$(this).parents("ul").find("li").eq(4).removeClass("start");
}else{
$(this).addClass("start");
}
};
if($(this).index()==1){
if($(this).hasClass("start")){
$(this).parents("ul").find("li").eq(2).removeClass("start");
$(this).parents("ul").find("li").eq(3).removeClass("start");
$(this).parents("ul").find("li").eq(4).removeClass("start");
}else{
$(this).addClass("start");
$(this).parents("ul").find("li").eq(0).addClass("start");
}
};
if($(this).index()==2){
if($(this).hasClass("start")){
$(this).parents("ul").find("li").eq(3).removeClass("start");
$(this).parents("ul").find("li").eq(4).removeClass("start");
}else{
$(this).addClass("start");
$(this).parents("ul").find("li").eq(0).addClass("start");
$(this).parents("ul").find("li").eq(1).addClass("start");
}
};
if($(this).index()==3){
if($(this).hasClass("start")){
$(this).parents("ul").find("li").eq(4).removeClass("start");
}else{
$(this).addClass("start");
$(this).parents("ul").find("li").eq(0).addClass("start");
$(this).parents("ul").find("li").eq(1).addClass("start");
$(this).parents("ul").find("li").eq(2).addClass("start");
}
};
if($(this).index()==4){
if($(this).hasClass("start")){
}else{
$(this).addClass("start");
$(this).parents("ul").find("li").eq(0).addClass("start");
$(this).parents("ul").find("li").eq(1).addClass("start");
$(this).parents("ul").find("li").eq(2).addClass("start");
$(this).parents("ul").find("li").eq(3).addClass("start");
}
};
var num=$(this).parents("ul").find(".start").length;
$(this).parents(".list-txt").find("input").val(num)
})
JQ五星好评效果的更多相关文章
- 如何用jQuery实现五星好评
jQuery是js的一个库,封装了我们开发过程中常用的一些功能,方便我们来调用,提高了我们的开发效率. Js库是把我们常用的功能放到一个单独的文件中,我们用的时候,直接引用到页面里面来就可以了. 接下 ...
- jQuery实现简单的五星好评
最近一直在认真的努力工作,今天工作完成得差不多了,比较轻松点,在工作中有遇到用jq实现五星好评功能,觉得简单又有用,所以空闲时间就想分享出来. css部分: <style> .u_star ...
- 亲,麻烦给个五星好评!—RatingBar
引言 上一篇的CheckBox已经让大家越来越接近实战演练了,本章我们继续分享干货给大家,今天介绍一个实用的UI控件RatingBar(星级评分条),对于使用过电商APP(某东,某宝等)的小伙伴们来说 ...
- JQ实现弹幕效果
JQ实现弹幕效果,快来吐糟你的想法吧 效果图: 代码如下,复制即可使用: <!DOCTYPE html> <html> <head> <meta charse ...
- js五星好评
一般我们在一些购物以及美食的网站都会看到五星好评之类的,一下是使用js制作的五星好评! <!DOCTYPE html> <html lang="en"> & ...
- 修改css样式+jq中的效果+属性操作+元素操作
:checked 选框选中的 一.修改css样式: 1.参数只写属性名,则返回属性值 $(this).css( ' color '); //300px 2.参数是属性名,属性值,逗号分隔,是 ...
- 五星评分效果 原生js
五星评分在很多地方都可以用到,网上也有插件或者相应的代码,在这里我给大家提供一款我自己写的超级简单实用的五星评分代码,连图片都不需要 <!-- 评分start --> <ul> ...
- 今天讲的是JQ 的动画效果
老规矩,先贴代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...
- jq菜单折叠效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
随机推荐
- [poj3461]Oulipo_KMP
Oulipo poj-3461 题目大意:给你两个字符串s和p,问s中有多少个等于p的子串. 注释:$1\le strlen(p)\le 10^4\qquad1\le strlen(s)\le 10^ ...
- 解决设置clickablespan后长按冲突的问题
解决设置ClickableSpan后长按冲突的问题 问题描述 3月份修改别人代码的时候想要屏蔽TextView的长按事件,发现TextView有重写OnTouchEvent方法,然后在其中加了长按事件 ...
- web语义化之SEO和ARIA
在快速理解web语义化的时候,只知道web语义化有利于SEO和便于屏幕阅读器阅读,但并不知道它是如何有利于SEO和便于阅读器阅读的,带着这个疑问,进行了一番探索总结. SEO 什么是SEO? SEO( ...
- python中Properties的一些小用法
property最大的用处就是可以为一个属性制定getter,setter,delete和doc,他的函数原型为: def __init__(self, fget=None, fset=None, f ...
- JavaWeb学习笔记九 过滤器、注解
过滤器Filter filter是对客户端访问资源的过滤,符合条件放行,不符合条件不放行,并且可以对目标资源访问前后进行逻辑处理. 步骤: 编写一个过滤器的类实现Filter接口 实现接口中尚未实现的 ...
- 使用idea新建jsp
使用idea解决新建jsp文件而找不到jsp文件模版的新建选项,这样每次创建一个新的jsp文件岂不是很耗时间? 解决办法: 就是要让idea知道你需要在这个目录下创建jsp文件 左上角,file中点击 ...
- 集大1513 & 1514班 软件工程第二次作业评分与点评
谢谢按时完成作业的同学. 请大家在今后的作业中多思考,认真完成并注意作业的原创性. 学号 作业标题 作业地址 提交日期 分数 201521121087 微信APP简要分析 http://www.cnb ...
- C语言嵌套循环作业
一.PTA实验作业 题目1:7-4 换硬币 1. 本题PTA提交列表 2. 设计思路 1.定义fen5:5分硬币数量, fen2:2分硬币数量, fen1:1分硬币数量, total:硬币总数量,co ...
- Beta冲刺第二天
一.昨天的困难 没困难 二.今天进度 局部测试并修复出现的bug 1.林洋洋:修复登录页面显示问题,修复日程查询问题 2.黄腾达:修复创建协作开始时间和结束时间没做检验的问题 3.张合胜:修复页面内容 ...
- 【iOS】swift init构造器
这几天在使用 Swift 重写原来的一个运动社交应用 SportJoin. 为什么要重写呢? 首先因为实在找不到设计师给我作图; 其次, 我也闲不下来, 想找一些项目做, 所以只好将原来的代码重写了. ...