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>
jquery古典风格鼠标悬停导航由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/caidan/7963.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
上一篇：美图秀秀网站导航菜单特效
下一篇：全国各省市js三级联动
jQuery SVG图标垂直导航菜单代码
jQuery网站导航菜单滑条代码
蓝色风格阿里云导航菜单代码
jQuery鼠标点击水波动画竖直导航代码
jQuery自适应窗口大小导航菜单