如何将图像的一部分转换为可点击按钮?

时间:2014-02-11 11:48:12

标签: javascript php html css css3

enter image description here

这是图像。在这里我想转换+符号部分, - 签署部分作为按钮。第一部分是文本框

enter image description here

我该怎么做?

当点击+时需要增加数字, - 点击的数字需要减少。

1 个答案:

答案 0 :(得分:1)

您可以尝试为图片添加地图标记

<img src="myImage.gif" width="180" height="126" usemap="#mymap">

<map name="mymap">
<area shape="rect" coords="<!-- cordinates-->" href="#" onclick="increase()" >
<area shape="rect" coords="<!-- cordinates-->" href="#" onclick="decrease()" >
</map>

您还可以为图像部分定义光标样式。

参考:http://www.w3schools.com/TAGS/tag_area.asp