CSS-实战-交互式图片

html-css016

CSS-实战-交互式图片,第1张

当鼠标经过图片，图片会逐渐放大，仿佛你距离图片越来越近,常在旅游、商品的展示页面应用。

（1）使用 scale 函数放大图片

（2）使用transition实现逐渐变化的动画。

（3）使用 overflow: hidden控制图片在图片外围盒子中。

素材：

图片一张

1、如果你仍然想在浮动层中使用 gridview来绑定数据的话。那么你可以在浮动层中加asp.net ajax的 updatePanel来进行处理。这样页面不会刷新，你的浮动层自然就不会消失

2、你也可以用jquery等类库中的ajax函数来异步请求数据。当然你需要自己循环绑定列表数据来模拟你的gridview实现的样式效果

3、同样你也可以用asp.net ajaxpro.dll组件，来实现无刷新。同样你需要自己循环绑定列表数据来模拟你的gridview实现的样式效果