带网格图片预览的横向拖动式菜单布局


源码介绍

简要教程

这是一款带网格图片预览的横向拖动式菜单布局。该布局的创意是所有菜单项全屏横向布局,通过鼠标拖拽进行切换。在拖动菜单时,相应的图片缩略图随着变化。当点击指定的链接时,缩略图切换为大图进行展示。

布局中的动画使用TweenMax来制作。拖动效果使用Draggabilly插件来制作。

下面是该布局的一些网页截图效果:

带网格图片预览的横向拖动式菜单布局-1

带网格图片预览的横向拖动式菜单布局-2

带网格图片预览的横向拖动式菜单布局-3

该带网格图片预览的横向拖动式菜单布局的github网址为:https://github.com/codrops/DraggableMenu/



点赞(0) 打赏

立即下载

点击下载

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部