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

 更新时间:2013年08月27日 15:44:44   作者:  
这篇文章介绍了顶部缓冲下拉菜单导航特效的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>

相关文章

  • QQ跳转支付宝并自动领红包脚本(最新)

    QQ跳转支付宝并自动领红包脚本(最新)

    这篇文章主要给大家分享介绍了一个QQ跳转支付宝并自动领红包脚本,这个脚本应该是最新的,测试后是可以使用的,文中给出了完整的示例代码和使用方法,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
    2018-06-06
  • JavaScript页面模板库handlebars的简单用法

    JavaScript页面模板库handlebars的简单用法

    本文主要是给大家分享的一个javascript页面模板库Handlebars的简单用法,可以帮助大家轻松的构建语义化模板,非常的实用,推荐给大家。
    2015-03-03
  • 基于javascript的在火狐里面强制换行字符

    基于javascript的在火狐里面强制换行字符

    火狐也不知道为什么,自己功能上,样式上面,都无法让其强制换行,这里用JS来实现火狐里面强制换行的方法。
    2010-06-06
  • js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码

    js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码

    下面小编就为大家带来一篇js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JavaScript数组常用操作技巧汇总

    JavaScript数组常用操作技巧汇总

    这篇文章主要介绍了JavaScript数组常用操作技巧,以实例形式汇总了针对数组的查找、连接、排序及迭代等各种常见操作技巧,非常具有实用价值,需要的朋友可以参考下
    2014-11-11
  • 浅谈Javascript编程风格

    浅谈Javascript编程风格

    这篇文章主要介绍了浅谈Javascript编程风格,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • 深入理解JavaScript 参数按值传递

    深入理解JavaScript 参数按值传递

    本篇文章主要介绍了深入理解JavaScript 参数按值传递,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • 前端必会的Webpack优化技巧

    前端必会的Webpack优化技巧

    这篇文章主要为大家介绍了前端必会的Webpack优化技巧示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • JavaScript实现分页效果

    JavaScript实现分页效果

    本文主要介绍了JavaScript实现分页效果的示例代码。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • js 页面元素的几个用法总结

    js 页面元素的几个用法总结

    本文是对js中页面元素的几个用法进行了详细的总结介绍,需要的朋友可以 过来参考下,希望对大家有所帮助
    2013-11-11

最新评论