微思考源码weisico.com|分享互联网优质资源,免费织梦模板,WP主题下载

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

特效说明:      

一款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>

在线演示点击预览

压缩包下载地址:立即下载(61KB)  提取密码:  j7ji

来源 科e互联


微信公众号 weisico-com

微信公众号weisico-com

转载请注明:微思考学习网-关注技术,分享知识 >> OA办公系统网站顶部导航菜单

赞 (0) 收藏
分享到

相关阅读