使用JQuery悬停效果

Question

嘿朋友们 我需要知道我们如何做到以下几点？

就像我有以下链接

客户1 客户2 客户3 客户4 客户5

当我将鼠标指针放在客户端1下的客户端1上时，以下内容应显示为edit / Replace / Delete.same作为client2，client 3，client 4和client 5 我们怎么做呢？ 更新： 当我通过客户端1时，我需要悬停如下

Client 1 Edit

         Replace

         Delete

Client 2

我该怎么做？

Answer 1

I created this demo

---

使用的代码：

$(function(){
  $('.dropdown').mouseenter(function(){
    $('.sublinks').stop(false, true).hide();

    var submenu = $(this).parent().next();

    submenu.css({
      position:'absolute',
      top: $(this).offset().top + $(this).height() + 'px',
      left: $(this).offset().left + 'px',
      zIndex:1000
    });

    submenu.stop().slideDown(300);

    submenu.mouseleave(function(){
      $(this).slideUp(300);
    });
  });
});

请参阅示例中的标记。

注意：如果您正在寻找面板菜单，请在我的博客上查看：

• http://sarfraznawaz.wordpress.com/2010/03/13/creating-panel-menu-with-jquery/

以下是演示：

• http://sarfraznawaz2005.kodingen.com/demos/jquery/menu_panel/

截图：

Answer 2

jQuery带有鼠标悬停事件：http://api.jquery.com/hover/。只需在调用悬停函数时显示div。