Customize image heat zone Effect Based on jquery _ jquery

A few days ago, I received a requirement that China Unicom's online business office often needed special pages for publicity. However, due to the buttons on the special pages and links to various images, the provincial staff had no html Foundation and were not maintained, A large volume of images. You need to develop a backend with a link to a custom image hot zone. So now we can sort and release the link. I hope you can learn it together.

First look:

The plug-in image-maps.js with jquery. http://www.jb51.net/jiaoben/57930.html
The principle is:
The left top right bottom of the movable module in the current hot zone is calculated by dragging.
The coords attribute of the corresponding area is integrated with the above location to implement the hot zone.
The corresponding module code is:

The Code is as follows: