当前位置: 首页» JS特效» 菜单导航实例»

带炫酷过渡动画效果的响应式隐藏侧边栏界面设计

这是一款带炫酷过渡动画效果的响应式隐藏侧边栏界面设计效果。该隐藏侧边栏采用推拉式设计,侧边栏打开时页面的主内容会被推动。另外,在侧边栏打开的状态下,缩放浏览器到一定大小的时候,侧边栏会像被吸附一样扩展到全屏,效果非常酷。
  响应式 侧边栏 菜单 界面设计
 46  0

创意堆叠式导航菜单UI界面设计

这是一款非常有创意的堆叠式导航菜单UI界面设计效果。该设计效果中用户点击右上角的汉堡包按钮之后,当前界面会以3D的方式将导航面板堆叠在页面的下方,共有3个面板,后两个面板是当前导航的后面两个导航。
  导航菜单 ui设计 堆叠 界面设计
 72  0

jQuery和CSS3固定顶部菜单特效

这是一款使用CSS3和少量jQuery代码制作的网页固定顶部菜单特效。该固定菜单特效在页面向下滚动的时候,页面顶部的banner区域会缩小直到消失,导航菜单则会跟着页面向下移动。配合CSS3过渡动画,效果非常时尚炫酷。
  导航菜单 菜单 顶部固定
 51  0

7种Material Design风格打开菜单按钮特效

这是一款效果非常炫酷的MaterialDesign风格打开菜单按钮特效。该特效有7种不同的效果,每一种效果中都可以通过点击主菜单按钮来打开一组主菜单按钮,各种打开子菜单的动画效果各不相同。
  Material Design 菜单
 64  0

兼容移动手机的侧边栏多级导航菜单UI设计

这是一款使用JavaScript和CSS3制作的兼容移动手机的侧边栏多级导航菜单UI设计效果。该多级菜单侧边栏布局的菜单列表切换时带有非常酷的动画延迟效果,并且在侧边栏顶部还带有面包屑导航。
  侧边栏 菜单 多级菜单 手机
 44  0

汉堡包图标变形为菜单列表项动画特效

这是一款效果非常炫酷的汉堡包图标变形为菜单列表项动画特效。在这个特效中,用户点击了汉堡包按钮之后,汉堡包图标的线条会变长,之后动画过渡到菜单列表状态。整个转换动画平滑流畅,效果非常酷。
  菜单 汉堡包图标
 44  0

纯CSS3炫酷手机APP滑动菜单动画特效

这是一款非常时尚的纯CSS3炫酷手机APP滑动菜单动画特效。该特效中当鼠标移动到手机界面上时,菜单图标会逐个滑动显示出来。当鼠标移动到菜单区域会出现一个非常酷的半圆形扩展动画,同时菜单文字将逐一展现出来。
  导航菜单 手机 app 滑动菜单
 47  0

简单的Material Design风格手机App菜单特效

这是一款非常简单的MaterialDesign风格手机App菜单特效。该特效使用CSS3和少量的jQuery代码来完成。在用户点击汉堡包菜单按钮之后,按钮会变形放大到整个手机APP屏幕,同时菜单选项会从屏幕下方滑动上来,效果非常酷。
  Material Design 菜单 手机 app
 50  0

jQuery和CSS3创意圆形菜单布局设计

这是一款非常有创意的jQuery和CSS3圆形菜单界面布局设计。这个界面布局中,通过点击主菜单按钮可以在它的四周出现主菜单按钮。点击每一个主菜单按钮都会以动画的方式切换到相应的界面,效果非常的炫酷。
  圆形菜单 ui设计
 46  0

纯CSS3抽屉式滑动侧边栏菜单设计

这是一款使用纯CSS3制作的抽屉式滑动侧边栏菜单设计效果。该侧边栏在鼠标滑过菜单项时,会以平滑的方式滑出相应的主菜单,就像拉开抽屉的效果,非常的时尚。
  侧边栏 纯css3 菜单
 34  0

3种CSS3移动手机隐藏菜单UI界面设计

这是一款效果非常酷的jQuery和CSS3移动手机隐藏菜单UI界面设计。这个UI设计共有三种不同的打开隐藏菜单的效果,分别为滑动显示,MaterialDesign风格效果和展开式效果。
  Material Design 菜单 手机 ui设计
 43  0

4种CSS3超酷移动手机滑动隐藏侧边栏菜单特效

这是一组共4种效果非常炫酷的CSS3移动手机滑动隐藏侧边栏菜单特效。这四种效果分别是:默认的点击滑动侧边栏菜单效果、带3Dtransforms的滑动侧边栏效果、文字缩放和淡入淡出效果的滑动侧边栏以及使用translate来实现滑动侧边栏的效果。
  侧边栏 侧边栏导航
 42  0

css3超酷3D旋转导航菜单特效

这是一款使用纯CSS3制作的3D旋转导航菜单特效。该3D旋转导航菜单特效中主要使用了CSS3DTransforms技术。当鼠标hover菜单项时,菜单项会以3D立方体的方式旋转。
  导航菜单 3d旋转
 45  0

11款适合移动设备使用CSS3分页导航条

这是一组适合移动设备使用CSS3分页导航条插件。共有11种不同样式的分页导航条。它们在移动设备上能够很好的工作,是一款移动优先的分页导航条插件。
  分页 分页导航条
 52  0

13种html5+css3全屏遮罩效果导航菜单

这是一款使用html5svg和css3制作的全屏遮罩效果导航菜单。这款全屏遮罩效果导航菜单共有13种不同的效果。有多种效果使用html5Snap.svg完成,最酷的要数阿拉丁神灯效果。
  导航菜单 svg 遮罩
 44  0

css3鼠标滑过菜单显示人物图片特效

这是一款人物介绍类型的导航菜单特效,使用纯css3制作,该鼠标滑过特效的导航菜单是一些人名,当鼠标滑过这些人名时,会滑出相应人物的图片。
  导航菜单 菜单
 48  0

css3导航菜单背景模糊特效

这是一款使用css3?transition属性制作的导航菜单背景模糊特效插件。这款插件共集合了7种不同的导航菜单背景模糊效果。其效果是当鼠标滑过菜单时,当前菜单项清晰显示,其余项变得模糊。
  导航菜单 背景模糊
 54  0

css3+js可通过缩略图幻灯片导航的页面切换效果

这是一款想法很新颖的页面切换效果。它通过html5和css3将所有的页面都被做成缩略图幻灯片,通过导航按钮可以在幻灯片和页面之间切换。当用户选择了某个缩略图,就切换到对应的页面。
  页面切换 幻灯片 导航条
 48  0

谷歌Google Nexus 7 网站侧边栏导航菜单特效

这是一款仿照谷歌GoogleNexus7网站主页的侧边栏导航菜单特效。使用了css3?transition属性,整体效果十分平滑流畅。
  导航菜单 侧边栏
 52  0

YouTube网站的左侧侧边栏导航菜单特效

一款仿照YouTube网站的左侧侧边栏导航菜单的特效。这款侧边栏导航菜单的效果是当用户点击了导航按钮后,导航按钮移动到右边,侧边栏导航菜单以动画的方式出现在左边。?
  导航菜单 侧边栏 侧边栏导航
 93  0