当前位置:Gxlcms > JavaScript > 基于jquery自定义图片热区效果_jquery

基于jquery自定义图片热区效果_jquery

时间:2021-07-01 10:21:17 帮助过:3人阅读

现在整理下发出来,希望大家共同学习吧

先看效果图:

用了jquery.image-maps.js这个插件 下载地址 http://www.gxlcms.com/jiaoben/57930.html
原理是:
通过拖动计算出当前热区可移动模块的left top right bottom
对应area的 coords 属性集成上面的位置,就可以实现热区了。
对应的模块代码是:
代码如下: