摘要：原生JS-旋转木马 今天写一个原生JS写的旋转木马JS效果。 实现原理： 1.建立一个数组给每一张图片写对应的z-index，opacity，top，width； 2.实现旋转的操作是把建造的数组里面的第一组值放到最后一组，点下按钮就执行一次。 显示效果图： html布局： css样式： JS部分： 阅读全文

摘要：js-完整轮播图 今天写一个完整的轮播图，首先它需要实现三个功能：1.鼠标放在小圆点上实现轮播。2.点击焦点按钮实现轮播。3.无缝自动轮播。 轮播图的原理： 一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过计算偏移量（封装一个动画函数）自动播放，或通过手动点击事件切换图片。 阅读全文