jquery古典风格鼠标悬停导航jquery古典风格鼠标悬停导航是一款古典风格的jquery鼠标悬停文字导航菜单滑动高亮显示。jquery古典风格鼠标悬停文字导航 所属专题：菜单导航
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function(){
var d=1000;
$('#menu span').each(function(){
$(this).stop().animate({
'top':'-122px'
},d+=250);
});
$('#menu .aaa').each(function(){
$(this).stop().animate({
'top':'0px'
},d+=250);
});
$('#menu .aaa').each(function(){
$(this).stop().animate({
'top':'0px'
});
});
$('#menu > li').hover(function(){
var $this = $(this);
$('a',$this).addClass('hover');
$('span',$this).stop().animate({'top':'0px'},300).css({'zIndex':'-1'});
},function(){
if(!$(this).hasClass("current"))
{
var $this = $(this);
$('a',$this).removeClass('hover');
$('span',$this).stop().animate({'top':'-122px'},800).css({'zIndex':'-1'});
}
});
});
</script>
本站资源仅限于学习研究，严禁从事商业或者非法活动!
源码搜藏网所有源码来自互联网转载与用户上传分享，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！
上一篇：美图秀秀网站导航菜单特效
下一篇：全国各省市js三级联动
蓝色风格阿里云导航菜单代码
jQuery鼠标点击水波动画竖直导航代码菜单导航下载排行
-
2012-08-19
-
2016-06-14
-
2015-11-07
-
2016-05-31
-
2015-03-08
-
2014-05-17
-
2012-08-19
-
2015-11-07
最新文章
-
-
2022-03-15
-
2016-07-20
-
2016-06-29
-
2016-06-14
-
2016-05-31
-
2016-05-31
-
2016-05-31
热门源码
