随笔分类 -  demo

摘要：用css3动画实现图片切换效果，原理还是改变left值。只有最简单的自动播放功能，切换后短时间静止，通过最后的位置克隆第一张图片，实现无缝切换。 html结构 css样式 阅读全文

摘要：之前阿里电面的时候问的一个问题，今天抽时间做了个demo。 html结构 css代码，:before负责颜色，:after是那个白色小圆点，切换时的过渡效果用css3的动画实现。 阅读全文

摘要：用JavaScript做了平滑切换的焦点轮播图之后，用jQuery写了个简单的淡入淡出的轮播图，代码没有做优化，html结构稍微有一些调整，图片部分用ul替换了之前用的div。 html结构如下： css设置： *{ margin: 0; padding: 0; text-decoration: n 阅读全文

摘要：在慕课学习了JavaScript焦点轮播图特效，在此做一个整理。 首先是html结构，我用的是本地同文件夹下的三张图片，多出来的第一张（pic3副本）和最后一张图片（pic1副本）是为了实现无缝切换效果。通过设置div容器的left值来实现图片切换时，当轮播到pic3需要切换到pic1时，最后一张图 阅读全文