[英]JQuery slide effects on drop down menu
I created jquery dropdown menu like this . 我创建了jQuery的下拉菜单中像这样 。 I want to add slide effect on drop down menu.
我想在下拉菜单上添加幻灯片效果。 At the same time if I am placing my mouse over my menu tab the sub menu was opened now it is looking like one step up compare to the menu tab.
同时,如果将鼠标悬停在菜单选项卡上,则子菜单现在已打开,与菜单选项卡相比,看起来好像又上了一步。 I need slide like this .
我需要滑动像这样 。 I here added my script.
我在这里添加了我的脚本。
function mainmenu() {
jQuery(" #na1").hover(function () {
//alert("hai-2");
jQuery(this).find('#content1').slideDown("fast");
}, function () {
jQuery(this).find('#content1').slideUp("fast");
});
}
$(document).ready(function () {
mainmenu();
});
Thanks in advance 提前致谢
$(document).ready(function () {
$("#na ul li").hover(function () {
$(this).siblings().find('ul').slideUp(400);
$(this).find('ul').slideDown(400);
}, function () {
$(this).find('ul').slideUp(400);
});
});
Demo:
演示:
Try this: 尝试这个:
function mainmenu(){
jQuery(" #na1").hover(function(){
jQuery(this).find('#content1').stop().slideDown("fast");
},function(){
jQuery(this).find('#content1').stop().slideUp("fast");
});
}
$(document).ready(function()
{
mainmenu();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.