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

来源：动视网责编：小采时间：2020-11-27 21:13:09

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

顶部缓冲下拉菜单导航特效的JS代码_javascript技巧: 代码如下: $(function() { var d=300; $('#navigation a').each(function(){ $(this).stop().animate({ 'marginTop':'-80px' },d+=150); }); $('#navigation > li').hover( function () { $('a'

推荐度：

点击下载本文 文档为doc格式

导读顶部缓冲下拉菜单导航特效的JS代码_javascript技巧: 代码如下: $(function() { var d=300; $('#navigation a').each(function(){ $(this).stop().animate({ 'marginTop':'-80px' },d+=150); }); $('#navigation > li').hover( function () { $('a'

代码如下:

$(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);
}
);
});

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

推荐度：

点击下载本文 文档为doc格式

标签： js 代码 javascript

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐