JQuery dot thumbnail pop-up layer displays large images, jquery thumbnail pop-up layer

JQuery dot thumbnail pop-up layer displays large images, jquery thumbnail pop-up layer

There is no time to learn ASP during the busy march. net mvc program. It is the Chinese New Year in July. It lasts for half a month and is expected to return to my hometown, you can spend more time with elderly parents.

Today, I learned about jQuery and applied it to images. Users can click images to enlarge and display images.

Create a controller FebY15Controller:

Next, create a View Index:

Mark 1 to add an image style:

Mark 2, add the htm code, display the original image, and enlarge the placeholder div tag of the image:

Mark 3 to reference the jQuery class library.

Mark 4 and write the jQuery program:

The following is a dynamic demonstration:

In this article, you can learn about the click event of jQuery. Use the label. Style Class to obtain the object (img. thumb ). Use $ (this) to code the object itself .. Attr ("scr") is used to obtain the src image path. There is also a. animate () dynamic event.