当前位置：首页 > 资讯 > 技术文档

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

时间：2021-08-03 12:42 编辑：来源：阅读：
扫一扫，手机访问

摘要：顶部缓冲下拉菜单导航特效的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>

全部评论(0)

上一篇：js中遍历Map对象的简单实例
下一篇：纯css下拉菜单无需js

资讯排行榜
更多>>