js和CSS3可拖拽的横向图片预览布局


源码介绍

简要教程

这是一款js和CSS3可拖拽的横向图片预览布局。该布局将所有图片在屏幕中央进行横向排布,可以通过鼠标前后拖拽图片。当点击图片的标号时,隐藏所有的缩略图,在屏幕上显示当前被点击的图片。

该布局使用TweenMax来制作动画特效,拖拽效果使用的是Draggabilly插件。

下面是该布局的一些屏幕截图效果:

js和CSS3可拖拽的横向图片预览布局-1

js和CSS3可拖拽的横向图片预览布局-2

js和CSS3可拖拽的横向图片预览布局-3

js和CSS3可拖拽的横向图片预览布局-4

该js和CSS3可拖拽的横向图片预览布局的github网址为:https://github.com/codrops/DraggableImageStrip/



点赞(0) 打赏

立即下载

点击下载

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部