weixin_45729502的博客

文章目录轮播图轮播图的结构分析功能一：当鼠标经过显示或者隐藏左右按钮功能二：动态生成小圆圈功能三：小圆圈的排他思想功能四：点击小圆圈滚动图片功能五：右侧按键无缝滚动功能六：克隆第一张图片功能七：小圆圈跟随右侧按钮一起变换功能八：左侧功能按钮实现轮播图轮播图的结构分析首先我们需要一个大盒子里面包含两个箭头以及四个小圆点，当我们点击左右两个箭头和四个小圆点的时候图片可以达到切换的目的，其中注意样式假如轮播图中的图片有四张，我们必须使用ul（li）来存储，并且使用float浮动让他们在一行，当我们给最大的

功能分析拖动模态框需求分析：点击登录，会弹出一个页面，里面可以输入内容，并且出现背景颜色(遮挡层)，当点击关闭 登录框和遮挡层背景颜色全部消失，并且这个登录框可以实现拖拽效果案例分析1.点击弹出层，静态模块和遮挡层会显示出来display:none2.点击关闭，登录和遮挡层同时消失代码如下HTML代码<div class="inputeGitter"> <div class="login-header"> <a id="link"