添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 导航 | 菜单 >

Bootstrap响应式页面布局带悬浮导航菜单

时间:2015-03-14      来源:互联网     
特效说明:
一款Bootstrap响应式页面布局带悬浮导航菜单网页特效,根据不同分辨率显示不同尺寸布局,带二级下拉菜单的jQuery悬浮导航,导航可跟随页面滚动一直出现在顶部,缩小到移动端出现APP导航菜单布局,很实用。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)
使用方法:
1、调用CSS样式:
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/font-awesome.min.css" media="screen">
<link rel="stylesheet" href="css/style.css" media="screen">
<link rel="stylesheet" href="css/zlight.menu.css" media="screen">

2、调用JS插件代码:
<script src="jQuery/jquery-1.9.1.min.js"></script>
<script src="js/jquery.zlight.menu.1.0.min.js"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、JS初始化代码:
<script>
    $(document).ready(function(){
        $('#zlight-nav').zlightMenu();
    });
</script>
相关特效
  • CSS3响应式世界地图热点击动画显示详情

    CSS3响应式世界地图热点击动画显示详情

    一款纯CSS3实现世界地图热点击动画显示详情特效,点击标注点即可在页面上弹出一个文字提示框,用来说明该标注点在地图上的详细信息,如果你需要有一款带标注功能的地图应用,那么这款……
    2016-05-22
  • jQuery层叠展示导航菜单响应式网页框架

    jQuery层叠展示导航菜单响应式网页框架

    一款jQuery层叠展示导航菜单响应式网页框架下载,该网页框架源码是一款点击菜单按钮,各个子菜单会以卡片的形式堆叠排列在窗口中,点击相应的子菜单就会切换到相应的页面上。……
    2016-05-22
  • CSS3动画响应式全屏焦点图网页特效

    CSS3动画响应式全屏焦点图网页特效

    一款CSS3动画响应式全屏焦点图网页特效免费下载,纯CSS3+HTML实现移动端、手机端、PC端响应式全屏焦点图代码,响应式网站制作必备代码素材。……
    2016-05-22
  • jQuery响应式全屏动画菜单网站框架

    jQuery响应式全屏动画菜单网站框架

    一款jQuery响应式全屏动画菜单网站框架,通过点击页面侧边菜单,对应的页面加载时伴随着滑动过渡动画,还带进度条效果的。当然页面的加载是Ajax驱动的,整个加载过渡过程非常流畅,非常……
    2016-05-22
  • jQuery可伸展网格列表布局特效

    jQuery可伸展网格列表布局特效

    一款jQuery可伸展网格列表布局特效下载,该JS特效基于Bootstrap实现的类似谷歌图片画廊的扩展效果。……
    2016-05-22
  • Bootstrap带搜索筛选多功能下拉框代码

    Bootstrap带搜索筛选多功能下拉框代码

    一款Bootstrap带搜索筛选多功能下拉框网页特效代码,该JS代码是一款基于bootstrap的js下拉框控件,支持首字母搜索、关键词搜索、过滤数据,支持数据分组等其他使用功能。……
    2016-05-22
  • jQuery和CSS3单页倾斜分割布局幻灯片特效

    jQuery和CSS3单页倾斜分割布局幻灯片特效

    jQuery和CSS3单页倾斜分割布局幻灯片特效源码是一款非常有创意的基于jQuery和CSS3单页倾斜分割布局幻灯片特效的代码。该幻灯片特效将整个屏幕倾斜分割为两个部分,一部分用于展示图片,另一……
    2016-05-22
  • HTML5触屏滑动侧边栏导航菜单特效

    HTML5触屏滑动侧边栏导航菜单特效

    一款HTML5触屏滑动侧边栏导航菜单特效下载,该Bootstrap导航菜单特效是一款基于jquery+html5实现的兼容手机和PC端动画导航菜单插件,响应式网站建设必备代码素材。……
    2016-05-22
  • 响应式设计让企业网站随“机”应变

    响应式设计让企业网站随“机”应变

    据中国互联网络信息中心(CNNIC)数据显示,截至2014年6月,中国移动互联网用户突破5.27亿,覆盖率达83.4%,首次超越传统电脑整体80.9%的使用率,成为第一大上网群体。 随着移动终端设备的智能……
    2015-12-18
  • 响应式留言板添加和删除JS插件代码

    响应式留言板添加和删除JS插件代码

    一款响应式留言板添加和删除JS插件代码网页特效,PC端、移动端、手机端通用响应式JS留言系统插件,不依赖任何插件采用纯JS开发,简单易用。……
    2016-05-22



最新更新特效

设计分享