javascript - 谷歌图像灰色框弹出看起来'n'feel with js

Question

在谷歌图片搜索中实现灰色框滑出效果的最有效方法是什么？我目前有所需的设计。在每列 4 列中有一组图像，单击图像时会滑出一个框。但是，我不知道如何让它在正确的位置（点击的图像下方）弹出。

Google 图片搜索示例：http ://bit.ly/YBe7ay 我需要实现的链接：http: //fxtouch.ee/projects/scale/

Answer 1

听起来我们正在做类似的任务。这是一个插件，您可能想看看http://www.htmldrive.net/items/show/1036/JQuery-Ajax-Cool-Shopping-cart-effect

在第 44 行的某处，代码将带有相应文本的“框”直接放在单击的缩略图行的下方。

$('#cart_wrapper .cart-info').append('<div class="shopp" id="each-'+thisID+'"><div class="label">'+itemname+'</div><div class="shopp-price"> $<em>'+itemprice+'</em></div><span class="shopp-quantity">1</span><img src="remove.png" class="remove" /><br class="all" /></div>');

然后再次在第 110 行的某个地方，代码将“框”放在定义的 div 中

$("html:not(:animated),body:not(:animated)").animate({scrollTop: targetOffset}, 800,function(){
   $('#wrap #detail-'+thisID).slideDown(500);
    return false;
});

浏览文件并查看它们是如何组合在一起的，然后将其与您的界面集成。