当前位置：文江博客话题详情

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

发布于 2024-09-14 16:08:51 字数 295 浏览 7 评论 0原文

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

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

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

我如何创建该效果？

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

请帮忙？谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

冷夜 2024-09-21 16:08:51

它看起来更多地是关于 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

It looks to be more about jquery than asp.net. Give the element you want the box to appear from an id (foo) and create another, hidden, div with the data you want to show onmouseover (bar).

For the element that you want to cause the box to appear add a mouseover event using JQuery eg:

$(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>

This should do a basic slidedown effect on mouseover for you and should hide it on mouse out. Take a look at http://api.jquery.com/ to get a better understanding of what's happening and you can do with JQuery.

Edit - You'll need to include the JQuery js files on your page, see here http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

回复收藏 0 原文