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

Question

我是一个完整的初学者到ASP.NET，并且需要知道如何创建像在以下网站悬停效果： -

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

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

如何创建该效果？

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

请帮忙？谢谢

Answer 1

它看起来更多关于jQuery的比asp.net。从id（foo）中提供您想要的框中显示的元素，并创建另一个隐藏的div，其中包含要在小工具（栏）上显示的数据。

对于您希望引起框出现添加使用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> 

这应该为你做鼠标悬停一个基本的了slideDown效果，应该把它隐藏在鼠标了。看看http://api.jquery.com/以更好地理解发生了什么，并且可以使用JQuery来完成。

编辑 - 你需要有自己的网页上JQuery的JS文件，看到这里http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

Answer 2

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

Answer 3

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