jQuery绿色宽屏滑动下拉导航菜单代码

来源:https://www.sucaihuo.com/js/3467.html 2018-02-10 11:03浏览(995) 收藏

一款非常大气实用的jQuery绿色宽屏滑动下拉导航菜单代码,下拉内容可自由编排。点击搜索小图标下拉显示搜索框。
jQuery绿色宽屏滑动下拉导航菜单代码
分类:导航菜单 > 下拉导航 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript">
$(document).ready(function(){
	$("#a01").hover(function(){
		$(this).children("#b01").stop(true, false).slideToggle(500);
	})
	$("#a02").hover(function(){
		$(this).children("#b02").stop(true, false).slideToggle(500);
	})
	$("#a03").hover(function(){
		//$("#b03").slideToggle(300);
		$(this).children("#b03").stop(true, false).slideToggle(500);
	})
	$("#a04").hover(function(){
		$(this).children("#b04").stop(true, false).slideToggle(500);
	})
	$("#a05").hover(function(){
		$(this).children("#b05").stop(true, false).slideToggle(500);
	})
	$("#a06").hover(function(){
		$(this).children("#b06").stop(true, false).slideToggle(500);
	})

});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2