首页 > 导航菜单特效 / jquery特效插件 / > jquery滑动导航菜单

jquery滑动导航菜单

点击: 4645 , 发布日期: 2011-12-7
jquery滑动导航菜单

jquery滑动导航菜单

jquery滑动导航菜单,当前菜单向下滑动突出显示。 主要jquery代码如下:

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

 

关键词: jquery+css

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论
路人s
2015-12-23 13:58:48
这个效果很棒哦,,,期待下载中
没事勿扰
2014-12-18 10:20:33