我正在制作一个具有jquery动画效果的下拉菜单,
var mexpand = false;
function toggleMenu() {
if (!mexpand) {
$('jQuery selector').css({ "background": "url('Images/bnbgmenu.jpg') repeat-x top left" });
$("#NavDiv").animate({ height: "200px" });
me
我有一个菜单,当我悬停其中一个链接时,div会显示出来。我希望用户能够将鼠标悬停在此div上,但当用户将鼠标悬停在div之外时(我想它被称为鼠标输出),我希望它隐藏起来。
想象一下css中的一个下拉菜单,用户将鼠标悬停在链接上,然后显示子导航,当用户将鼠标悬停在链接外或远离链接时,子导航消失。如何使用jquery完成此操作?
这就是我所拥有的:
$(document).ready(function(){
//when user hovers over plans the mainnavbottom is shown
$(".plans").hover(
functi
我想用Jquery制作一个像下拉菜单一样的菜单。唯一的区别是,当我将鼠标悬停在li项(列表项)上时,我希望显示子菜单项,并向上移动所有子菜单和li项……例如
这是悬停功能前的菜单:
-------------------------
Home About Company
-------------------------
将鼠标悬停在"About“li项目上后:
----------------------------
About
subitem0
Home subitem1 Company
subitem2
--------
我是jQuery的新手,我想知道如何为我要创建的导航栏选择多个元素。我想让它检查用户的鼠标是否在导航栏中的项目上或下拉菜单上(否则下拉菜单将消失)。我尝试过使用:$('#nav_item_1').mouseenter(function(){
`//make the drop down menu visible and change nav_item background here`
});
`
$('#nav_item_1,#dropdown').mouseleave({
//revert everything back to normal
});
对于我的下拉菜单,我有以下jquery代码:
var active = 0;
$(document).ready(function(){
jQuery("#dropmenu ul").css({display:"none"});
// For 1 Level
jQuery("#dropmenu li:has(ul) a").append('');
jQuery("#dropmenu li ul a span").text('');
// For 2 L