jQuery - 垂直浮动DIV

我有一个三列布局的应用程序，其中的东西从左列到右列（当然，后面）来回移动。在这之间，有一个“命令菜单” - 你可以根据等等等等做的事情。jQuery - 垂直浮动DIV

这是处理 - 左侧的项目，你可以采取行动，垂直安排。我想使命令菜单跟随鼠标（垂直，但在其列中），以便当选择一个项目进行操作时，菜单垂直对齐。

我很完美（最好？）愿意用jQuery来做这件事，但我的尝试失败了。

这是当前的标记：

<table class="stuff_area"> 
    <tr> 
     <td id="stuff_left"> 
      <div class="shipmentList"> 
       <asp:Literal ID="ltrShipments" runat="server"></asp:Literal> 
      </div> 
     </td> 
     <td id="stuff_controls" class="stuff_area_input"> 
      <div id="follower"> 
       <input id="btnAll" type="button" value="All" /><br/> 
       <input id="btnNone" type="button" value="None" /><br /> 
       <input id="btnStuff" type="button" value=">>" /><br /> 
      </div> 
     </td> 
     <td id="stuff_right"></td> 
    </tr> 
</table>

我在使用DIV CLASS =“跟随者”特别感兴趣飘起来了下来。我不能得到任何动作，所以有一个很好的机会让我做一些垂直运动（我想限制它的运动向上/向下）会让你获胜。

想法？

来源

2011-05-28 Michael

“上下浮动”是什么意思？你在寻找[反弹效果]（http://docs.jquery.com/UI/Effects/Bounce）吗？ – 2011-05-28 06:26:18

$(function() { 
    $(".stuff_area td").mouseenter(function(event) { 
     $("#follower").offset({ top: $(this).offset().top }); 
    }); 
    });

offset method应该做你想做的。我假设你的服务器控件创建了一个表，所以如果没有，用一个更合适的选择器替换.stuff_area td。

来源

2011-05-28 06:27:36

好的，除了当我将鼠标移回中心以实际选择一个动作时，这种效果相当不错，“动作”弹回到顶部。这是为什么？ – Michael 2011-05-28 23:19:08

应该更多关注。一旦我修改了选择器，这完美地工作。 – Michael 2011-05-29 00:09:15

jQuery - 垂直浮动DIV

回答

相关问题