jQuery图片热点链接添加编辑插件

插件说明：

制作这个插件的的场景：有客户要求我给他做一个图片banner，且一张图片上会有多个链接。思前想后决定制作这个插件，以便后用。

使用：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<!DOCTYPE<wbr>html<wbr>PUBLIC<wbr>"-//W3C//DTD<wbr>XHTML<wbr>1.0<wbr>Transitional//EN"<wbr>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;<wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr> < html xmlns = "http://www.w3.org/1999/xhtml" ><wbr></wbr> < head ><wbr></wbr> < meta http-equiv = "Content-Type" content = "text/html;<wbr>charset=utf-8"</wbr> /><wbr></wbr> < title >Image<wbr>Maps<wbr>test&lt;/</wbr></wbr> title ><wbr></wbr> < script type = "text/javascript" language = "javascript" src = "javascript/jquery-1.4.2.min.js" ></ script ><wbr></wbr> < script type = "text/javascript" language = "javascript" src = "javascript/jquery.image-maps.js" ></ script ><wbr></wbr> < script type = "text/javascript" language = "javascript" ><wbr></wbr> $(function(){<wbr></wbr> <wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr> $('#imgMap').imageMaps();<wbr></wbr> });<wbr></wbr> </ script ><wbr></wbr> </ head ><wbr></wbr> <wbr></wbr><wbr></wbr> < body ><wbr></wbr> < div id = "imgMap" ><wbr></wbr> < img src = "womanExercise150.jpg" name = "test" width = "417" height = "264" border = "0" usemap = "#Map" ref = 'imageMaps' /><wbr></wbr> < map name = "Map" ><wbr></wbr> <wbr><wbr></wbr></wbr> < area shape = "rect" coords = "203,134,383,187" href = "http://yiye.name" /><wbr></wbr> </ map ><wbr></wbr> </ div ><wbr></wbr> </ body ><wbr></wbr> </ html >

使用说明:

<div<wbr>id=”imgMap”&gt;为整个编辑功能的容器，其中包括两个部分：<br> 1、img标签，当然这个img标签外层你可以再嵌套其他的标签，值得注意的是ref=’imageMaps’这个属性，这是必需的，不然程序将忽略掉这个图片。<br> 2、map标签，name属性与img标签的usemap属性对应起来，这个标签包含初始化时这个图片具有的热点链接。</wbr>

$(‘#imgMap’).imageMaps();绑定插件功能。