[英]Multiple hover effects at the same time for a dropdown-menu
I´d like to show a submenu mouse over: 我想显示一个子菜单鼠标悬停在:
But without "slideUp" and "slideDown". 但是没有“ slideUp”和“ slideDown”。 The whole box should move.
整个盒子应该移动。 Eg http://panic.com/coda/ the hover effect/tooltip on "Download".
例如,“下载”上的http://panic.com/coda/悬停效果/工具提示。
jQuery: jQuery的:
$(function(){
$('.sub-menu li').hover(
function(){
$('ul', this).stop().animate({opacity: '1', top: '50px'}, 800);
},
function() {
$('ul', this).stop().animate({opacity : '0', top: '20px'}, 300);
});
});
My actuel code is visible on jsfiddle http://jsfiddle.net/C4c46/1/ 我的actuel代码在jsfiddle上可见http://jsfiddle.net/C4c46/1/
Thanks 谢谢
This solution works great for me: 该解决方案对我来说非常有用:
In action http://jsbin.com/iquwuc/6/edit#preview 在行动中http://jsbin.com/iquwuc/6/edit#preview
$(document).ready(function(){
$('.sub-menu li#access ul').hide();
$('.sub-menu li#access').hover(function(){
$('.sub-menu li#access ul').stop().animate({opacity: "show", marginTop: "25"}, 500);
},
function() {
$('.sub-menu li ul').stop().animate({opacity: "hide", marginTop: "10"}, 500);
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.