首頁  >  文章  >  web前端  >  基於jquery自訂圖片熱區效果_jquery

基於jquery自訂圖片熱區效果_jquery

WBOY
WBOY原創
2016-05-16 17:51:412374瀏覽

現在整理下來,希望大家共同學習吧

先看效果圖:
基於jquery自訂圖片熱區效果_jquery
用了jquery.image-maps.js這個外掛程式下載位址http:/ /www.jb51.net/jiaoben/57930.html
原理是:
透過拖曳計算出目前熱區可移動模組的left top right bottom
對應area的coords 屬性整合上面的位置,就可以實現熱區了。
對應的模組程式碼是:

複製程式碼 程式碼如下:


程式碼如下:






基於jquery自訂圖片熱區效果_jquery




陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn