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


Posted in Javascript onAugust 27, 2013
<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>
Javascript 相关文章推荐
JavaScript_ECMA5数组新特性详解
Jun 12 Javascript
JS实现滑动门效果的方法详解
Dec 19 Javascript
bootstrap table sum总数量统计实现方法
Oct 29 Javascript
详解JavaScript事件循环机制
Sep 07 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
Sep 27 Javascript
vue.js父子组件通信动态绑定的实例
Sep 28 Javascript
小程序中this.setData的使用和注意事项
Aug 28 Javascript
Vue实现滑动拼图验证码功能
Sep 15 Javascript
微信小程序实现页面浮动导航
Jan 08 Javascript
Vant 在vue-cli 4.x中按需加载操作
Nov 05 Javascript
js仿淘宝放大镜效果
Dec 28 Javascript
前端监听websocket消息并实时弹出(实例代码)
Nov 27 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
Aug 27 #Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
Aug 27 #Javascript
JS 实现Table相同行的单元格自动合并示例代码
Aug 27 #Javascript
Javascript 浮点运算的问题分析与解决方法
Aug 27 #Javascript
js中点击空白区域时文本框与隐藏层的显示与影藏问题
Aug 26 #Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 #Javascript
关于Jquery操作Cookie取值错误的解决方法
Aug 26 #Javascript
You might like
PHP的Yii框架的常用日志操作总结
2015/12/08 PHP
PHP常用操作类之通信数据封装类的实现
2017/07/16 PHP
YII2框架中ActiveDataProvider与GridView的配合使用操作示例
2020/03/18 PHP
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
Mootools 1.2教程 类(一)
2009/09/15 Javascript
jQuery EasyUI API 中文文档 - ComboGrid 组合表格
2011/10/13 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
2014/09/06 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
2015/03/10 Javascript
快速学习jQuery插件 Form表单插件使用方法
2015/12/01 Javascript
javascript DIV实现跟随鼠标移动
2020/03/19 Javascript
vue父组件向子组件动态传值的两种方法
2017/11/11 Javascript
jquery实现回车键触发事件(实例讲解)
2017/11/21 jQuery
详解JavaScript的BUG和错误
2018/05/07 Javascript
使用vue-router完成简单导航功能【推荐】
2018/06/28 Javascript
python文件和目录操作函数小结
2014/07/11 Python
一个超级简单的python web程序
2014/09/11 Python
python使用Flask框架获取用户IP地址的方法
2015/03/21 Python
python实现在sqlite动态创建表的方法
2015/05/08 Python
Python实现遍历数据库并获取key的值
2015/05/17 Python
Python中pygame安装方法图文详解
2015/11/11 Python
Python中字典的浅拷贝与深拷贝用法实例分析
2018/01/02 Python
python批量修改图片大小的方法
2018/07/24 Python
PyTorch和Keras计算模型参数的例子
2020/01/02 Python
使用celery和Django处理异步任务的流程分析
2020/02/19 Python
如何在Win10系统使用Python3连接Hive
2020/10/15 Python
利用CSS3实现动态的二级三级菜单效果实例源码
2017/01/04 HTML / CSS
html5 兼容IE6结构的实现代码
2012/05/14 HTML / CSS
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
香港家用健身器材、运动器材及健康美容仪器专门店:FitBoxx
2019/12/05 全球购物
美国室内盆栽植物购买网站:Plants.com
2020/04/24 全球购物
青年教师培训方案
2014/02/06 职场文书
雷锋的故事观后感
2015/06/10 职场文书
商务宴会祝酒词
2015/08/11 职场文书
幼儿园保育员随笔
2015/08/14 职场文书
python引入其他文件夹下的py文件具体方法
2021/05/23 Python