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

当前位置:主页 > jQuery库 > 布局和界面 > 带网格图片预览的横向拖动式菜单布局
带网格图片预览的横向拖动式菜单布局
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2019-06-24
    阅读:
简要教程

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

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

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

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

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

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

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