我正在尝试创建一个弹出菜单，以便每当用户将鼠标悬停在一个菜单上时，它就会弹出并将图标更改为彩色菜单。
有一些代码的股票。
$('.box').hover(function() {
if(!$(this).data('open')){
$(this).animate({ top: '-30px' }, 'slow', function() {});
} else {
$('#.box').animate({ top: '50px' }, 'slow', function() {});
}
}）;
此处演示：http : //jsfiddle.net/6jLFP/4/
您可以和我分享编辑的jsfiddle吗？我现在真的被困住了。我还需要将状态（彩色图标）悬停在其向上或弹出时处于活动状态。
您已接近答案。我做了一些更改：
一个添加position:relative到您的.box
.box {
position:relative;
}
两次更改您的功能：
$('.box').hover(function() {
$(this).animate({ top: '-30px' }, 'slow');
}, function () {
$(this).animate({ top: '0px' }, 'slow');
});
查看此演示http://jsfiddle.net/6jLFP/21/
您也可以使用CSS进行此操作，也可以将其添加到CSS文件中：
.box {transition:all 1s ease-in;}
.box:hover {top:-50px;}
观看此演示http://jsfiddle.net/6jLFP/27/。这里唯一的问题是关于兼容性。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句