头像

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

来源:http://www.sucaihuo.com/js/3467 素材火管理员 2018-02-10 11:03浏览(314) 收藏

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

程序员,你不是一个人;网站开发QQ群:436471830,在线充值,或联系QQ416148489直接充值

查看演示 下载资源: 7 下载资源 下载积分: 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>
评论13
头像

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

  • 头像 12楼
    03-13 09:25
    yu***t赫
    以后改改用的到,,效果简单, 谢了
  • 头像 11楼
    03-11 18:00
    小***开
    刚好可以用到, 效果简单, 谢了
  • 头像 10楼
    02-18 09:03
    en***37
    漂亮的界面特效设计。。。
  • 头像 9楼
    02-16 15:35
    沐***李
    留下了 以后改改用的到
  • 头像 8楼
    02-14 10:19
    孤***人
    收下了,这个资源不错!!!
  • 头像 7楼
    02-11 22:01
    心***扬
    高端大气上档次,感谢分享……
  • 头像 6楼
    02-11 18:51
    浮***逝
    非常好的前端代码,感谢分享。
  • 头像 5楼
    02-11 18:28
    飞***卜
    这个鼠标悬停的特效还是不错的!!
  • 头像 4楼
    02-11 11:21
    no***ce
    整体效果不错,刚接触js,认真观摩,适合pc端使用
  • 头像 3楼
    02-11 10:56
    舒***畅
    整体效果非常好,鼠标悬停的特效适合PC端用。
1 2