顶部缓冲下拉菜单导航特效的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 相关文章推荐
IE浏览器PNG图片透明效果代码
Sep 02 Javascript
Javascript 拖拽的一些高级的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
JavaScript笔记之数据属性和存储器属性
Mar 31 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
Jan 21 Javascript
Angular1.x复杂指令实例详解
Mar 01 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
Aug 07 Javascript
JavaScript中的一些隐式转换和总结(推荐)
Dec 22 Javascript
vue.js2.0 实现better-scroll的滚动效果实例详解
Aug 13 Javascript
element-ui表格合并span-method的实现方法
May 21 Javascript
uni-app 组件里面获取元素宽高的实现
Dec 27 Javascript
借助云开发实现小程序短信验证码的发送
Jan 06 Javascript
详解ES6实现类的私有变量的几种写法
Feb 10 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中利用XML技术构造远程服务(上)
2006/10/09 PHP
php calender(日历)二个版本代码示例(解决2038问题)
2013/12/24 PHP
Yii遍历行下每列数据的方法
2016/10/17 PHP
javascript fullscreen全屏实现代码
2009/04/09 Javascript
jQuery学习笔记 操作jQuery对象 文档处理
2012/09/19 Javascript
解决js正则匹配换行问题实现代码
2012/12/10 Javascript
现如今最流行的JavaScript代码规范
2014/03/08 Javascript
js验证IP及子网掩码的合法性有效性示例
2014/04/30 Javascript
js对字符的验证方法汇总
2015/02/04 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
2017/03/04 Javascript
jQuery实现jQuery-form.js实现异步上传文件
2017/04/28 jQuery
纯js实现的积木(div层)拖动功能示例
2017/07/19 Javascript
vue单页应用加百度统计代码(亲测有效)
2018/01/31 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
2018/06/09 jQuery
vue项目中mock.js的使用及基本用法
2019/05/22 Javascript
Vue+tracking.js 实现前端人脸检测功能
2020/04/16 Javascript
TensorFlow 实战之实现卷积神经网络的实例讲解
2018/02/26 Python
python解释器spython使用及原理解析
2019/08/24 Python
keras导入weights方式
2020/06/12 Python
在Python中字典按值排序的实现方法
2020/11/12 Python
OpenCV灰度化之后图片为绿色的解决
2020/12/01 Python
M1芯片安装python3.9.1的实现
2021/02/02 Python
实现CSS3中的border-radius(边框圆角)示例代码
2013/07/19 HTML / CSS
John Varvatos官方网站:设计师男士时装
2017/02/08 全球购物
BabyBjörn婴儿背带法国官网:BabyBjorn法国
2018/06/16 全球购物
探索欧洲最好的品牌:Bombinate
2019/06/14 全球购物
毕业生求职简历中的自我评价
2013/10/18 职场文书
公司财务工作总结的自我评价
2013/11/23 职场文书
大学生志愿者感言
2014/01/15 职场文书
培训班主持词
2014/03/28 职场文书
社区党员群众路线教育实践活动心得体会
2014/11/03 职场文书
用人单位聘用意向书
2015/05/11 职场文书
2015年出纳工作总结与计划
2015/05/18 职场文书
2016年推广普通话宣传周活动总结
2016/04/06 职场文书
MySQL完整性约束的定义与实例教程
2021/05/30 MySQL
详细聊一聊mysql的树形结构存储以及查询
2022/04/05 MySQL