Heim >Web-Frontend >js-Tutorial >基于jquery自定义图片热区效果_jquery

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

WBOY
WBOYOriginal
2016-05-16 17:51:412399Durchsuche

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

先看效果图:
基于jquery自定义图片热区效果_jquery
用了jquery.image-maps.js这个插件 下载地址 http://www.jb51.net/jiaoben/57930.html
原理是:
通过拖动计算出当前热区可移动模块的left top right bottom
对应area的 coords 属性集成上面的位置,就可以实现热区了。
对应的模块代码是:

复制代码 代码如下:





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





Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn