ASP.NET 初学者关于悬停效果的问题答案

【问题标题】：ASP.NET beginner question regarding Hover effectASP.NET 初学者关于悬停效果的问题
【发布时间】：2010-08-16 10:05:35
【问题描述】：

我是 ASP.NET 的初学者，需要知道如何创建悬停效果，如下面的网站：-

http://www.viking.com/Chairs/Chairs.asp

网页右上角有“购物车”这个链接...当您将鼠标移到上面时，会显示一个文本框..

如何创建这种效果？

我只需要一个想法，比如我要搜索什么？ ..我需要在我的网页中包含哪些代码？？

请帮忙？谢谢

【问题讨论】：

标签： javascript asp.net effects

【解决方案1】：

它看起来更多的是关于 jquery 而不是 asp.net。给出您希望框从 id (foo) 显示的元素，并创建另一个隐藏的 div，其中包含要在鼠标悬停 (bar) 上显示的数据。

对于要使框出现的元素，使用 JQuery 添加鼠标悬停事件，例如：

$(document).ready(function() {
  $("#foo").live("mouseover", function () {
     $("#bar").slideDown("fast");
  });
  $("#foo").live("mouseout", function () {
     $("#bar").hide();
  });
});

<div id="foo">MOUSOVER ME FOR BOX</div>
<div id="bar" style="visibility:hidden;">HIDDEN CONTENT</div>

这应该为您在鼠标悬停时产生基本的向下滑动效果，并且应该在鼠标移出时将其隐藏。查看http://api.jquery.com/ 以更好地了解正在发生的事情，您可以使用 JQuery 进行操作。

编辑 - 您需要在页面中包含 JQuery js 文件，请参阅此处http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

【讨论】：

【解决方案2】：

看起来它是用 jQuery 和 Hover mouseevent 完成的。所以你可能想看看 javascript、jQuery 和 CSS，它并不是真正特定于 ASP.NET。

【讨论】：

【解决方案3】：

看看 jquery 的动画滑动效果。我认为您的示例使用悬停鼠标事件来启动http://api.jquery.com/slideDown/ 效果。

【讨论】：