制造这个插件的的场景：有客户要求我给他做一个图片banner，且一张图片上会有多个链接。思前想后决议制造这个插件，以便后用。
应用：
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Image Maps test</title>
<script type="text/javascript" language="javascript" src="javascript/jquery-1.4.2.min.js"></script>
<script type="text/javascript" language="javascript" src="javascript/jquery.image-maps.js"></script>
<script type="text/javascript" language="javascript">
$(function(){
$('#imgMap').imageMaps();
});
</script>
</head>
<body>
<div id="imgMap">
<img src="womanExercise150.jpg" name="test" width="417" height="264" border="0" usemap="#Map" ref='imageMaps' />
<map name="Map">
<area shape="rect" coords="203,134,383,187" href="//jb51.net" />
</map>
</div>
</body>
</html>
[/code]
应用阐明:
<div id=”imgMap”>为整个编纂性能的容器，此中包罗两个局部：
一、img标签，当然这个img标签外层你能够再嵌套其余的标签，值患上留意的是ref=’imageMaps’这个属性，这是必须的，否则顺序将疏忽掉这个图片。
二、map标签，name属性与img标签的usemap属性对应起来，这个标签蕴含初始化时这个图片具备的热点链接。
$(‘#imgMap’).imageMaps();绑定插件性能。
应用：
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Image Maps test</title>
<script type="text/javascript" language="javascript" src="javascript/jquery-1.4.2.min.js"></script>
<script type="text/javascript" language="javascript" src="javascript/jquery.image-maps.js"></script>
<script type="text/javascript" language="javascript">
$(function(){
$('#imgMap').imageMaps();
});
</script>
</head>
<body>
<div id="imgMap">
<img src="womanExercise150.jpg" name="test" width="417" height="264" border="0" usemap="#Map" ref='imageMaps' />
<map name="Map">
<area shape="rect" coords="203,134,383,187" href="//jb51.net" />
</map>
</div>
</body>
</html>
[/code]
应用阐明:
<div id=”imgMap”>为整个编纂性能的容器，此中包罗两个局部：
一、img标签，当然这个img标签外层你能够再嵌套其余的标签，值患上留意的是ref=’imageMaps’这个属性，这是必须的，否则顺序将疏忽掉这个图片。
二、map标签，name属性与img标签的usemap属性对应起来，这个标签蕴含初始化时这个图片具备的热点链接。
$(‘#imgMap’).imageMaps();绑定插件性能。
版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。
