jQuery点缩略图弹出层显示大图片

在繁忙的2015年1月，没有更多的时间在ASP.NET学习MVC程序，2月是中国新年，是半个月的假期。我希望回到家乡，在没有电脑和网络的日子里，多陪陪年迈的父母。

今天，学习jQuery并将其应用于图片。用户可以点击一张小图片放大。

创建控制器，feby 15控制器：

接下来，创建视图索引：

标记1，添加图片样式：

2.添加htm代码，显示原始胶片并放大图片的占位符div标签:

标记3，引用jQuery类库。

标记4，编写jQuery程序：

以下是动态演示：

在本文中，您可以学习jQuery的click事件。使用标签。获取对象的样式类(img.thumb)。使用$(this)对对象本身进行编码。attr('scr ')获取图片的src图片路径。另一个是。动画()动态事件。