特效说明:
一款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

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