会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132499个问题
JAVA 全系列/第二阶段:JAVA 基础深化和提高/容器(旧) 23446楼
JAVA 全系列/第八阶段:Linux入门到实战/Maven 23448楼

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>百叶窗</title>    <style>        *{            margin: 0px;            padding: 0px;        }        .containor{            width: 800px;            height: 300px;            margin: 80px auto;            position: relative;            border: 1px solid red;            overflow: hidden;        }        .containor ul{            list-style: none;        }        .containor ul li{            position: absolute;        }        .cover{            width: 100%;            height: 300px;            background: rgba(0,0,0,0.5);            position: absolute;        }        .li1{            left: 160px;        }        .li2{            left: 320px;        }        .li3{            left: 480px;        }        .li4{            left: 640px;        }    </style></head><body><div class="containor">    <ul>        <li class="li0"><div class="cover"></div><img src="img/0(1).jpg" alt=""></li>        <li class="li1"><div class="cover"></div><img src="img/1.jpg" alt=""></li>        <li class="li2"><div class="cover"></div><img src="img/2.jpg" alt=""></li>        <li class="li3"><div class="cover"></div><img src="img/3.jpg" alt=""></li>        <li class="li4"><div class="cover"></div><img src="img/4.jpg" alt=""></li>    </ul></div><script>    var $lis=$(".containor ul li");    $lis.mouseenter(function () {         $(this).find(".cover").stop(true).fadeOut()    }).mouseleave(function () {        $lis.stop(true);        $(this).find(".cover").stop(true).fadeIn()        $lis.eq(1).animate({"left":160},500)        $lis.eq(2).animate({"left":320},500)        $lis.eq(3).animate({"left":480},500)        $lis.eq(4).animate({"left":640},500)    })    $(".li0").mouseenter(function () {        $lis.stop(true);        $lis.eq(1).animate({"left":560},500)        $lis.eq(2).animate({"left":620},500)        $lis.eq(3).animate({"left":680},500)        $lis.eq(4).animate({"left":740},500)    })    $(".li1").mouseenter(function () {        $lis.stop(true);        $lis.eq(1).animate({"left":60},500)        $lis.eq(2).animate({"left":620},500)        $lis.eq(3).animate({"left":680},500)        $lis.eq(4).animate({"left":740},500)    })    $(".li2").mouseenter(function () {        $lis.stop(true);        $lis.eq(1).animate({"left":60},500)        $lis.eq(2).animate({"left":120},500)        $lis.eq(3).animate({"left":680},500)        $lis.eq(4).animate({"left":740},500)    })    $(".li3").mouseenter(function () {        $lis.stop(true);        $lis.eq(1).animate({"left":60},500)        $lis.eq(2).animate({"left":120},500)        $lis.eq(3).animate({"left":180},500)        $lis.eq(4).animate({"left":740},500)    })    $(".li4").mouseenter(function () {        $lis.stop(true);        $lis.eq(1).animate({"left":60},500)        $lis.eq(2).animate({"left":120},500)        $lis.eq(3).animate({"left":180},500)        $lis.eq(4).animate({"left":240},500)    })</script></body></html>为什么我鼠标一上去没有效果

WEB前端全系列/第三阶段:jQuery编程模块/jQuery应用(旧) 23449楼
Python 全系列/第六阶段:生产环境部署与协同开发/Linux系统概述与安装 23451楼
JAVA 全系列/第二十三阶段:容器管理技术/Docker 23452楼
Python 全系列/第八阶段:轻量级Web开发利器-Flask框架/Flask视图高级 23454楼
JAVA 全系列/第三阶段:数据库编程/MySQL数据库的使用 23456楼
Python 全系列/第二十阶段:数据分析-统计分析/描述统计 23459楼
JAVA 全系列/第四阶段:网页编程和设计/CSS3(旧) 23460楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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