zoukankan      html  css  js  c++  java
  • 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)
    })

    越努力,越幸运,come on!!
  • 相关阅读:
    nginx优化:使用expires在浏览器端缓存静态文件
    nginx优化:worker_processes/worker_connections/worker_rlimit_nofile
    centos8平台使用ulimit做系统资源限制
    centos8平台nginx服务配置打开文件限制max open files limits
    nginx安全:配置allow/deny控制ip访问(ngx_http_access_module)
    python 菜鸟入门
    正则表达式预查询
    selenium 关键字驱动部分设计思路
    Idea安装Python插件并配置Python SDK
    ORACLE LOG的管理
  • 原文地址:https://www.cnblogs.com/huangjinmei/p/8876684.html
Copyright © 2011-2022 走看看