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

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

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

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

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

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

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

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

在线预览    源码下载

爱编程-编程爱好者经验分享平台
版权所有 爱编程 © Copyright 2012. All Rights Reserved.
闽ICP备12017094号-3