javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > 顶部缓冲下拉菜单导航特效

顶部缓冲下拉菜单导航特效的JS代码

作者:

这篇文章介绍了顶部缓冲下拉菜单导航特效的JS代码,有需要的朋友可以参考一下

复制代码 代码如下:

<script type="text/javascript">
            $(function() {
                var d=300;
                $('#navigation a').each(function(){
                    $(this).stop().animate({
                        'marginTop':'-80px'
                    },d+=150);
                });

                $('#navigation > li').hover(
                function () {
                    $('a',$(this)).stop().animate({
                        'marginTop':'-2px'
                    },200);
                },
                function () {
                    $('a',$(this)).stop().animate({
                        'marginTop':'-80px'
                    },200);
                }
            );
            });
        </script>

您可能感兴趣的文章:
阅读全文