谷歌图像灰色框弹出看起来'n'感觉与js

Google images gray box popup look'n'feel with js

本文关键字:感觉 js 看起来 灰色 图像 谷歌      更新时间:2023-09-26

在谷歌图像搜索中实现灰色框滑出效果的最有效方法是什么?我目前有理想的设计到位。在4列中有一组图像,当单击图像时,会弹出一个框。然而,我不知道如何使它弹出在正确的位置(点击图像下方)。

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

听起来我们在做类似的任务。这里有一个插件,你可能想看看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行的某个地方,代码将'box'放在定义的div 中
$("html:not(:animated),body:not(:animated)").animate({scrollTop: targetOffset}, 800,function(){
   $('#wrap #detail-'+thisID).slideDown(500);
    return false;
});

浏览这些文件,看看它们是如何组合在一起的,然后将它们与您的界面集成。