Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > 基于jquery自定义图片热区效果_jquery

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

WBOY
Freigeben： 2016-05-16 17:51:41
Original
2398 Leute haben es durchsucht

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

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

复制代码 代码如下:





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





Verwandte Etiketten：
图片热区 自定义
Quelle：php.cn
Vorheriger Artikel：基于jquery的图片轮播 tab切换组件_jquery Nächster Artikel：基于jQuery判断两个元素是否有重叠部分的代码_jquery
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
2
1429
Wählen Sie Woocommerce-bezogene Produkte mithilfe einer benutzerdefinierten Taxonomie mit 3-Ebenen-Hierarchie aus Ich habe einen Woocommerce-Shop mit der benutzerdefinierten Klassifizierung „Sport“. Die K...
Aus 2024-04-06 20:05:30
0
1
544
Verwenden von Variablen, die in Methoden in Vorlagen definiert sind Dies ist das erste Mal, dass ich Vue verwende (v2, nicht v3) und ich habe versucht, Variab...
Aus 2024-04-06 18:10:25
0
2
513
Laravel 8 – So leiten Sie die Route /{editable_text} zur Route /{user} um Ich habe versucht, eine Weiterleitungsroute zu erstellen, die mich zu einem Benutzerprofil...
Aus 2024-04-06 17:26:11
0
1
410
Formular ohne Schaltfläche mit Javascript/Jquery senden Ich versuche, ein Formular ohne Schaltfläche zu senden, indem ich eine JavaScript-Funktion...
Aus 2024-04-06 14:54:03
0
2
421
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage