首页 > 导航菜单特效 / jquery特效插件 / 站长常用 / > jquery中英文切换导航菜单特效

jquery中英文切换导航菜单特效

点击: 6512 , 发布日期: 2011-12-20
jquery中英文切换导航菜单特效

jquery中英文切换导航菜单特效

 jquery中英文切换导航菜单特效,鼠标移上去显示别一种语言或者二种语言都显示的导航菜单特效, 有二种处理的方便可以看一下jquery代码就知道基本的意思啦。

jquery代码:

<script type="text/javascript">
$(function(){
	$("#nav1 li").hover(function(){
		$(this).find("a").animate({marginTop:"-36px"},500);
	},function(){
		$(this).find("a").animate({marginTop:"0px"},500);
	})
	$("#nav2 li").hover(function(){
		$(this).find("a").animate({lineHeight:"18px"},300);
	},function(){
		$(this).find("a").animate({lineHeight:"36px"},300);
	})
	$("#nav3 li").hover(function(){
		$(this).find("a").stop(false,true).animate({marginTop:"-36px"},500);
	},function(){
		$(this).find("a").stop(false,true).animate({marginTop:"0px"},500);
	})
	$("#nav4 li").hover(function(){
		$(this).find("a").stop(false,true).animate({lineHeight:"18px"},300);
	},function(){
		$(this).find("a").stop(false,true).animate({lineHeight:"36px"},300);
	})
});
</script>

主要用了jquery中的animate动作来改变行高与marginTop的值。

关键词: jquery+css

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

我要评论
登录再评论
全部评论
很好。需要这个效果,很不错,终于找到了
Do
2016-1-7 15:47:42
效果很好,没积分下载啊
乄嚻熎゛ぃ津
2015-11-19 10:41:36
很不错额,这样的方法
西南企业网设计6
2015-9-17 14:56:25
需要这个效果,很不错,终于找到了
兔兔
2015-6-8 17:33:43
正在找,很不错的,很合适
夏克
2015-4-27 20:53:28
感觉还不错哦
暖阳
2015-4-14 13:48:39
好东西!!!!!!!!
我可以 。
2015-4-2 10:17:18
正在找这个效果啊 不错 积分肿么办
蘑菇吃
2015-4-2 10:17:13
给力,谢谢楼主分享
季末的温情
2015-2-11 23:08:35
正在找!看看合适不!
一句.晚安
2014-11-30 14:44:04
正在找,很不错的,很合适
@##$(魔)%$#@
2014-8-14 16:39:25
正在找!看看合适不!
YěSǒn
2014-6-16 16:49:46