JQUERY Live Hover

最新推荐文章于 2016-07-14 09:12:00 发布

原创最新推荐文章于 2016-07-14 09:12:00 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

89 篇文章

订阅专栏

JQUERY

43 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的菜单悬停效果。当鼠标移入主菜单项时，背景图片发生变化，文字颜色切换，并显示子菜单列表。该效果还特别针对Firefox浏览器进行了样式调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//菜单效果
            $(".hmain").live('mouseenter', function() {
                $(this).css("background-image", "url(images/menutwo.jpg)");
                $(this).children("a").css("color", "#FFFFFF");
                if ($.browser.mozilla) {
                    $(this).children("ul").children("li").children("a").css("width", "89px");
                }
                $(this).children("ul").show();
            }).live('mouseleave', function() {
                $(this).css("background-image", "url(images/menuone.jpg)")
                $(this).children("a").css("color", "#000000");
                $(this).children("ul").hide();
            });