会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132484个问题
Python 全系列/第二十阶段:数据分析-统计分析/非参数方法 21872楼
Python 全系列/第十五阶段:Python 爬虫开发/爬虫基础(旧) 21873楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/网络编程(旧) 21874楼
Python 全系列/第一阶段:Python入门/编程基本概念 21875楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/容器(旧) 21876楼
Python 全系列/第二十七阶段:Hadoop 分布式文件系统:HDFS(扩展)/Hadoop 分布式文件系统HDFS 21877楼
JAVA 全系列/第一阶段:JAVA 快速入门/变量、数据类型、运算符 21878楼

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>轮播图</title>    <style>        *{            margin: 0;            padding: 0;        }        .box{            width: 560px;            height: 300px;            border: 5px solid grey;            margin: 100px auto;            position: relative;            overflow: hidden;        }        .m_unit{            width: 10000px;            height: 300px;            position: absolute;            top: 0;            left: 0;        }        .m_unit ul{            overflow: hidden;        }        .m_unit ul li{            list-style: none;            width: 560px;            height: 300px;            display: none;            position: absolute;            top: 0px;            left: 0px;        }        .m_unit ul li.current{            display: block;        }        .btn span{            width: 55px;            height: 55px;            border: 2px solid grey;            position: absolute;            top: 50%;            margin-top: -27.5px;            border-radius: 10px;            font-weight: bolder;            font-size: xx-large;            text-align: center;        }        .btn .right{            right: 0;        }        .cirle ul li{            list-style: none;            width: 22px;            height: 22px;            float: left;            background: orange;            margin-right: 10px;            border-radius: 50%;        }        .cirle ul{            overflow: hidden;        }        .cirle{            position: absolute;            bottom: 10px;            right: 10px;        }        .cirle ul li.current{            background: red;        }    </style></head><body><div class="box">    <div class="m_unit">        <ul>            <li class="current"><a href=""><img src="img/0(1).jpg" alt=""></a></li>            <li><a href=""><img src="img/1.jpg" alt=""></a></li>            <li><a href=""><img src="img/2.jpg" alt=""></a></li>            <li><a href=""><img src="img/3.jpg" alt=""></a></li>            <li><a href=""><img src="img/4.jpg" alt=""></a></li>        </ul>    </div>    <div class="btn">        <span class="left" id="leftbtn"><</span>        <span class="right" id="rightbtn">></span>    </div>    <div class="cirle" id="cirle">        <ul>            <li class="current"></li>            <li></li>            <li></li>            <li></li>            <li></li>        </ul>    </div></div><script>    //标识    var idx=0;    var $lis=$(".m_unit ul li");    $("#leftbtn").click(function () {        $lis.eq(idx).fadeOut(300);        idx--;        if(idx<0){            idx=$lis.length-1;        }        $lis.eq(idx).fadeIn(300);        changeCircle()    })    $("#rightbtn").click(function () {        $lis.eq(idx).fadeOut(300);        idx++;        if(idx>$lis.length-1){            idx=0;        }        $lis.eq(idx).fadeIn(300);        changeCircle()    })    //指示器变化    function changeCircle() {        $("#cirle ul li").eq(idx).css("background",'red').siblings().css('background','orange');    }</script></body></html>我的这个为什么实现不了点击按钮轮播

WEB前端全系列/第三阶段:jQuery编程模块/jQuery应用(旧) 21879楼
Python 全系列/第二阶段:Python 深入与提高/文件处理 21880楼

image.png

Python 全系列/第一阶段:Python入门/面向对象 21882楼
JAVA 全系列/(旧的隐藏)第十一阶段:spring全家桶(Spring Boot)/Spring Boot 21883楼
JAVA 全系列/第一阶段:JAVA 快速入门/面向对象详解和JVM底层内存分析 21885楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637