谷歌图像灰色框弹出看起来'n'感觉与js
Google images gray box popup look'n'feel with js
在谷歌图像搜索中实现灰色框滑出效果的最有效方法是什么?我目前有理想的设计到位。在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;
});
浏览这些文件,看看它们是如何组合在一起的,然后将它们与您的界面集成。
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 使用agility.js进行页面布局和合成
- 使用Clipboard.js复制span文本
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 强制模板刷新ember.js
- 如何编写HTML输入的JS内联
- Angular JS IE9 Hashbang url rewriting
- 使用JS将数组转换为json对象
- Node.js v6.2.0类扩展不是函数错误
- 当js函数's已执行
- 要求未定义JS回调参数
- 在自定义mean.io包中使用angular-chart.js作为依赖项
- 无法在数据endVal中设置值=“”;{{ucount}}”;使用Angular JS的CountUp
- 如何从Java/scala调用js美化程序
- 如何更改<svg>标记为<img>用js标记
- 如何使用 node.js 比较两个 json 数组
- chrome扩展:尽管运行了at:documentidle,js脚本还是过早启动
- 节点Js:How to catch a“;没有这样的文件或目录“;读取线模块出错
- Selectize.js:如何对整数值的选项进行排序
- 谷歌图像灰色框弹出看起来'n'感觉与js