asp.net webform 页面中的动画图像标题

Question

我正在研究基于 asp.net 的照片库，我将图像显示为矩阵，我正在使用以下文章来实现这些图像的动画图像标题

http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/

它工作正常，只是我想在移动时显示图像标题并在鼠标移出功能时隐藏标题。

我试图改变脚本，但我无法让它工作

我已将我的脚本上传到http://jsfiddle.net/AMcnZ/12/

在这方面的帮助表示赞赏。昨天我尝试了几个 Image caption 脚本，其中一些非常酷，但由于某种原因，它们都不能在 asp.net 中工作..

我已经让这个工作了，但我无法修改脚本以实现类似于链接http://www.wbotelhos.com/capty/上的第一个示例显示的效果

我尝试了这个示例，但由于某种原因无法在 asp.net webform 上运行。如果有人可以在http://jsfiddle.net/AMcnZ/12/ 上修复我的脚本以获得示例中所示的预期效果，我将不胜感激。

Answer 1

我已经用正确的行为更新了你的小提琴：http://jsfiddle.net/kayen/JBnbG/

由于您在页面底部显示标题，因此您需要更改动画 bottom 属性并将其设置为 0 on hover 和 ( 0 - 鼠标移出时标题的高度)px。