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

OA办公系统网站顶部导航菜单

时间:2015-01-13      来源:互联网     
特效说明:
一款OA办公系统网站顶部导航菜单,基于jquery-1.4.2.min.js插件制作的网站二级导航菜单(图标下拉菜单、文字列表下拉菜单),适用于OA办公系统、CRM等企业信息管理平台使用。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link type="text/css" href="css/style.css" rel="stylesheet">

2、调用JS插件代码:
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

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

4、初始化JS代码:
<script type="text/javascript">
$(document).ready(function(){
    $(".def-nav,.info-i").hover(function(){
        $(this).find(".pulldown-nav").addClass("hover");
        $(this).find(".pulldown").show();
    },function(){
        $(this).find(".pulldown").hide();
        $(this).find(".pulldown-nav").removeClass("hover");
    });
    
});
</script>
相关特效
  • CSS3网页底部扇形展开/收回菜单特效

    CSS3网页底部扇形展开/收回菜单特效

    一款CSS3网页底部扇形展开/收回菜单特效下载,该CSS3导航菜单代码是一款定位在网页底部菜单按钮,点击展开/收回扇形动画菜单,HTML5网站建设素材。……
    2016-06-28
  • 15款CSS3实现移动端App动画导航菜单代码

    15款CSS3实现移动端App动画导航菜单代码

    15款CSS3实现移动端App动画导航菜单代码源码下载,该CSS3+animation效果是一款使用CSS3-animation动画来制作,这些动画均由线条和文字组成,效果非常炫酷。……
    2016-06-25
  • 点击导航菜单跳转到指定位置特效

    点击导航菜单跳转到指定位置特效

    一款点击导航菜单跳转到指定位置特效源码下载,实现点击栏目,滑动到页面固定的位置的特效代码,本段代码适应于所有网页使用,兼容目前最新的各类主流浏览器,是一款非常优秀的JS特效……
    2016-06-19
  • 基于jQuery弹性展开收缩菜单插件gooey.js

    基于jQuery弹性展开收缩菜单插件gooey.js

    一款jQuery弹性展开收缩菜单插件gooey.js下载,该JS插件是一款基于gooey.js插件实现SVG动画弹性菜单特效代码。……
    2016-05-26
  • HTML5+svg手机图标菜单动画切换特效

    HTML5+svg手机图标菜单动画切换特效

    HTML5+svg手机图标菜单动画切换特效下载,该HTML5特效代码是一款适合移动端、手机端展开/收缩导航菜单特效。……
    2016-05-22
  • jQuery层叠展示导航菜单响应式网页框架

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

    一款jQuery层叠展示导航菜单响应式网页框架下载,该网页框架源码是一款点击菜单按钮,各个子菜单会以卡片的形式堆叠排列在窗口中,点击相应的子菜单就会切换到相应的页面上。……
    2016-05-22
  • jQuery过滤器插件fastLiveFilter

    jQuery过滤器插件fastLiveFilter

    一款jQuery过滤器插件fastLiveFilter免费代码素材,fastLiveFilter这是jQuery过滤器插件,超轻量级(大小只有2K),用法简单执行效率高。……
    2016-05-22
  • jQuery图片图像对比插件coveringBad.js特效Demo

    jQuery图片图像对比插件coveringBad.js特效Demo

    一款jQuery图片图像对比查看差异coveringBad.js网页特效插件,通过鼠标拖拽按钮查看当前图像与背景图像差异jQuery插件,婚纱摄影网站建设图片对比插件。……
    2016-05-22
  • HTML5触屏滑动侧边栏导航菜单特效

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

    一款HTML5触屏滑动侧边栏导航菜单特效下载,该Bootstrap导航菜单特效是一款基于jquery+html5实现的兼容手机和PC端动画导航菜单插件,响应式网站建设必备代码素材。……
    2016-05-22
  • jQuery仿QQ音乐大转盘抽奖代码

    jQuery仿QQ音乐大转盘抽奖代码

    一款jQuery仿QQ音乐大转盘抽奖代码页特效,绿色12等份网格幸运大转盘抽奖程序JS代码下载。……
    2015-08-22

最新更新特效

设计分享