js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS常用代码 > 导航菜单

jquery hover实现鼠标悬停导航菜单滑动展开弹性下拉菜单特效代码

发布时间:2017-03-19 14:15:52    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery hover实现鼠标悬停导航菜单滑动展开弹性下拉菜单特效代码

jquery hover实现鼠标悬停导航菜单滑动展开弹性下拉菜单特效代码

$(function(){
	
	//导航菜单
	$('div[topnav]').hover(function(){
		var it = $(this).attr('attr');
		if(it === 'undefined') return false;
		var heht = $(this).find('#' + it).height() + 20 + "px";
		
		$(this).find('.submnu').height(heht);
		
		$(this).stop().find('.submnu').animate({height:'show'},{
			queue:false,
			duration:500,
			easing:'easeOutBounce'
		});
		
		$(this).stop().attr('class', 'imenu_on').siblings().attr('class', 'imenu');
		
	},function(){
		$(this).stop().find('.submnu').hide();
		$(this).stop().attr('class', 'imenu');
	});  

});



导航菜单 滑动 下拉菜单 鼠标 悬停

jQuery左侧分类导航特效_jquery商城左侧分类菜单导航_橙色导航菜单特效代码

仿美图秀秀官网,纯CSS二级下拉导航菜单特效

jquery顶部导航菜单下拉,左侧分类切换特效

jQuery仿腾讯云全屏下拉导航菜单特效代码

jquery实现顶部固定、二级栏目之间相互滑动的导航菜单特效

jquery仿海信官网带缩略图下拉导航菜单特效

jquery仿天猫左侧导航菜单分类列表

js实现竖直收缩导航菜单,点击展开折叠菜单特效

jquery导航菜单可拖动特效

jquery实现新闻门户网站二级导航菜单特效

jquery实现中英文字切换导航条,鼠标悬停滑动下拉二级导航菜单

jquery仿马可波罗左侧商品列表导航菜单特效

jquery仿京东商城左侧商品分类导航菜单样式特效_模仿京东二级导航栏_商品分类代码

jquery实现鼠标滚动的时候,导航菜单大小可自动调整的特效

kissy仿阿里云滑动下拉导航菜单特效

jQuery黑色竖直多级导航菜单特效

jquery实现左侧导航菜单滚动特效

jquery仿天猫分类导航通栏底部banner切换代码_jquery仿天猫商城左侧商品分类导航菜单样式特效_模仿天猫二级导航栏

jquery实现垂直多级导航菜单展开收缩特效

CSS实现导航菜单下拉特效代码

jquery鼠标悬停图片高亮,从左边滑动出标题信息显示效果

jquery鼠标经过向上滑动标题,可以左右切换图片位置!

jquery实现顶部固定、二级栏目之间相互滑动的导航菜单特效

jquery.ScrollNav精美滑动菜单导航条特效

css3鼠标滑过栏目图片滑动切换动画特效

jquery 水平手风琴鼠标滑过标题图片滑动切换特效

JQuery仿网易右侧图文混排展示选项卡滑动层特效

jquery实现多种新闻焦点图片滑动切换特效

jquery实现带缩略图,按钮控制图片左右滑动切换特效

jquery图片内容滑动选项卡切换特效

jquery实现中英文字切换导航条,鼠标悬停滑动下拉二级导航菜单

jquery实现九宫格图片鼠标悬停上下滑动切换特效

kissy仿阿里云滑动下拉导航菜单特效

jquery实现带左右按钮控制滑动选项卡切换特效

js特仿flash导航条鼠标悬停上下文字滑动特效

jquery实现文字标签滑动显示特效,带标签数量

jquery实现手机排行榜标题图片滑动展开特效

html5实现手机触摸滑动图片幻灯片轮播切换特效

css3实现多款实用的网页鼠标滑动按钮动画特效

jquery仿百度首页上下滑动内容选项卡特效