Javascript 区域形状php的颜色

我开始在新项目的工作，我有任务使按钮的颜色，什么有在当前页面的href。 . 在那个项目中，所有的按钮都只是图像

<map id="schemaMap" name="schemaMap">
    <? for ($i=0;$i<3;$i++):?>
    <area shape="<?php echo $shape ?>"
          coords="<?php echo $coords[$i] ?>"
          <? if ($curretAction == $action [$i]):?>
          onclick ="return false;"
          <? else: ?>
          href ="<?php echo $links[$i] ?>"
          <? endif; ?>
          alt ="<?php echo $this->translate($alt[$i]); ?>"
          />
    <? endfor;?>
</map>

要更改按钮的颜色，您需要创建一些具有不同颜色按钮的新图像，单击按钮时可以替换这些按钮

你可以根据需要用不同颜色的按钮创建一个全新的图像（速度慢！），或者你可以将图像分割成更小的部分，然后只为按钮创建新图像

一旦完成，并且您已经创建了HTML来重新组装页面上的各个部分，您将需要一些javascript来更改onClick上的按钮图像，否则您的PHP将不得不生成一个带有正确按钮的新页面

无论哪种方式，从图像和图形程序开始

事后想一想，您可能可以使用HTML画布元素实现这一点，但这是一种完全不同的方法
 你能显示生成的HTML吗？你说你的按钮是图像吗？如果是这样，则无法使用css更改颜色