二十五、异形滚动参与多元素的运动
二十五、异形滚动参与多元素的运动25.1 DOM添加多个元素123456789101112<ul> <li class="no0"><img src="images/shuzi/0.jpg" alt=""></li> <li clas ...
二十四、异形滚动轮播图（样式轮替轮播图）
二十四、异形滚动轮播图（样式轮替轮播图）24.1 DOM123456789101112131415<div class="carousel" id="carousel"> <ul> <li class="no0"><img src="im ...
二十三、篮球积分系统（数组思维）
二十三、篮球积分系统（数组思维）123456789101112131415161718192021222324252627282930313233343536373839<!-- 引入jquery包 --><script src="js/jquery-3.4.1.min.js"&g ...
二十二、篮球积分系统（普通思维）
二十二、篮球积分系统（普通思维）22.1 DOM123456789101112<div class="fen"> <h2 id="fenA">0</h2> <h2>-</h2> <h2 id="fenB">0& ...
二十一、手风琴蒙版效果
二十一、手风琴蒙版效果20.1 DOM给每一个li加一个div123456789<div class="carousel" id="carousel"> <ul class="unit" id="unit"> <li class="no0" id=" ...
二十、手风琴效果
二十、手风琴效果分析：我们将最外层容器宽定为500px，里面有5张图片，每一张平均分配的位置是100px。当鼠标移入后，当前图片展开，占220px，其他图片要压缩，每张平均分配70px。20.1 DOM123456789<div class="carousel" id="carousel"&g ...
十九、间歇模型布局
十九、间歇模型布局我们想让轮播图显示3张图片，我们的编程思路是使用定时器。我们想要使图片每2s更换一次，然后完成动画的时间是600ms。那么定时器的时间应该是它们的加和2600ms。19.1 DOM12345678910111213<div class="carousel" id="carou ...
十八、三位置法
十八、三位置法滚动轮播图小圆点事件存在一个弊端：当鼠标隔几张图片跳转到其他图片时，会将中间的图片都过一遍。三位置法小圆点事件存在一个弊端：当鼠标在小圆点上来回移动，防流氓stop(true)无法杜绝动画18.1 css更改内容：① 删除：123456789/* 滚动轮播图的关键是所有图片并排在一起 ...
十七、滚动轮播图
十七、滚动轮播图17.1 DOM12345678910111213141516171819202122<div class="carousel" id="carousel"> <ul class="unit" id="unit"> <li>&l ...
十六、呼吸轮播图的变种（中间加入蒙版）
十六、呼吸轮播图的变种（中间加入蒙版）16.1 DOM1234567891011121314151617181920<div class="box" id="box"> <ul id="carousel"> <li><img src="i ...