当前位置:主页 > 网页前端 > JavaScript代码 >

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

时间:2021-02-03 18:25:02 | 栏目:JavaScript代码 | 点击:

复制代码 代码如下:

<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>

您可能感兴趣的文章:

相关文章