当前位置:Gxlcms > JavaScript > 顶部缓冲下拉菜单导航特效的JS代码

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

时间:2021-07-01 10:21:17 帮助过:4人阅读

代码如下:
<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>

人气教程排行