今天看别人做了个旋转木马图片轮播图，自己手痒也做了个，话不多说，源码附上^_^ HTML部分： 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8" /> 6 <title>JS旋转木马图片轮播代码</title> 7 </hea ...
分类：
Web程序 时间：
2020-05-01 23:44:24
阅读次数：
70
Swiper3d 软件架构 css js 使用说明 介绍 支持pc、移动端 pc左右箭头控制 移动端左右滑动 兼容性 ie = 10 其他主流浏览器都支持 使用文档： 注意事项： 1. 图片数量要 3+ 2. 图片顺序从中间开始，往右排序 3. 图片尺寸会比原来的缩小0.6倍，原来是180px,页面 ...
分类：
移动开发 时间：
2020-04-29 18:54:25
阅读次数：
208
案例：旋转木马 页面加载时候出现的效果，script标签写在head里面，body上面 显示一个图片散开的动画，遍历之后，把每个图片用封装的动画函数移动到指定目标（同时改变多属性：宽，透明度，层级，top, left） 在做左右按钮点击事件。 右边按钮，用数组里面的push和shift，数组第一个去 ...
分类：
Web程序 时间：
2019-12-23 13:11:33
阅读次数：
83
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-e... ...
分类：
其他好文 时间：
2019-10-29 13:37:00
阅读次数：
81
这个案例跟我上一次发布的文章案例——旋转木马相册比较像，但更简单一点，用不到translate，只需要用rotate，而且不分x轴，Y轴，z轴。案例效果图如下： 分析：摩天轮和中间的标题是两张导入的图片。它们都是定位到游览器的正中央，摩天轮图片我用的是固定定位，这样就可以避免产生竖向滚动条了。其它的 ...
分类：
其他好文 时间：
2019-01-19 16:24:21
阅读次数：
762
插件简介 lightslider是一款轻量级的响应式jQuery幻灯片插件。lightslider幻灯片插件能够支持移动触摸设备，它可以制作为带缩略图的内容幻灯片，或者制作为无限循环的旋转木马。它的特点还有： 下载地址 在线演示 下载地址：http://www.jqhtml.com/5633.htm ...
分类：
移动开发 时间：
2018-11-17 14:38:36
阅读次数：
186
test.html： test.css: 效果图： 可以将颜色换成图片。 ...
分类：
Web程序 时间：
2018-09-23 15:04:12
阅读次数：
581
前言 看下效果吧 分析 自动滚动+手动拖拽 （原生组件帮我们完成 Property：autoplay）面板指示点 （原生组件帮我们完成 Property：indicator-dots）左右可以露出非Active状态图的边缘（即Quiet状态， 后文class会以这两个名字定义） （原生组件帮我们完成 ...
分类：
微信 时间：
2018-08-31 17:07:29
阅读次数：
533
原生JS-旋转木马 今天写一个原生JS写的旋转木马JS效果。 实现原理： 1.建立一个数组给每一张图片写对应的z-index，opacity，top，width； 2.实现旋转的操作是把建造的数组里面的第一组值放到最后一组，点下按钮就执行一次。 显示效果图： html布局： css样式： JS部分： ...
分类：
Web程序 时间：
2018-08-22 14:07:09
阅读次数：
236
css.css common.js 用到的图片 ...
分类：
编程语言 时间：
2018-08-19 01:04:59
阅读次数：
206
