jquery realizes the image enlargement effect of Jingdong Mall and Fanke Mall_jquery

The effect is as follows:


Take a look at our demo and please refresh it after "Run Code":

<title>JQzoom Demo</title> <link rel="stylesheet" href="http://img.jb51.net/online/jqzoom/css/jqzoom.css" type="text/css"> <style type> div.notes{ font-size:12px; } div.notes a{ color:#990000; } </style> <a href="http://img.jb51.net/online/jqzoom/demo/kawasakigreen.jpg" class="jqzoom" title="kawasaki"> <img src="http://files.jb51.net/upload/20090510114029981.jpg" title="kawasakigreen" alt="jquery realizes the image enlargement effect of Jingdong Mall and Fanke Mall_jquery" > </a>

[Ctrl A Select all Note:
If you need to introduce external Js, you need to refresh it to execute
]

To achieve this effect, You only need to add it to the area of ​​the page where you need this effect: Copy the code

The code is as follows:

And for pictures that need to use this effect: Copy code

The code is as follows:

class="jqzoom" is the key.
The attribute settings include:
You can also view the original article directly: http://www.mind-projects.it/projects/jqzoom/index.php#examples
You may be interested in taking a look at the examples carefully prepared by the author:
http://www.mind-projects.it/projects/jqzoom/demos.php#demo1Package download address

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn