首页 > 导航菜单特效 / jquery特效插件 / > jquery滑动帘效果导航菜单

jquery滑动帘效果导航菜单

点击: 4222 , 发布日期: 2011-12-7
jquery滑动帘效果导航菜单

jquery滑动帘效果导航菜单

jquery制作的导航菜单,鼠标移上去滑动帘方式切换,是一个不错的导航菜单特效。

主要jquery代码如下:

$(document).ready(function(){

	$('#navigationMenu li .normalMenu').each(function(){

		$(this).before($(this).clone().removeClass().addClass('hoverMenu'));

	});
	
	$('#navigationMenu li').hover(function(){
	
		$(this).find('.hoverMenu').stop().animate({marginTop:'0px'},200);

	},
	
	function(){
	
		$(this).find('.hoverMenu').stop().animate({marginTop:'-25px'},200);

	});
	
});

 

关键词: jquery+css

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论