顶部缓冲下拉菜单导航特效 

 1 <script type="text/javascript">
 2             $(function() {
 3                 var d=300;
 4                 $('#navigation a').each(function(){
 5                     $(this).stop().animate({
 6                         'marginTop':'-80px'
 7                     },d+=150);
 8                 });
 9 
10                 $('#navigation > li').hover(
11                 function () {
12                     $('a',$(this)).stop().animate({
13                         'marginTop':'-2px'
14                     },200);
15                 },
16                 function () {
17                     $('a',$(this)).stop().animate({
18                         'marginTop':'-80px'
19                     },200);
20                 }
21             );
22             });
23         </script>

 

posted @ 2013-08-27 14:11  鲤鱼在睡觉  阅读(249)  评论(0)  编辑  收藏  举报