0

Okai，所以我在我的 wordpress 页面上有这个世界地图，并且有例如这个代码

<area onmousedown="changeImages('world_leisureCargo_01', './images/worldmap/north_america.jpg')" onmouseout="changeImages('world_leisureCargo_01', './images/worldmap/world.jpg')" onmouseover="changeImages('world_leisureCargo_01', './images/worldmap/north_america.jpg')" coords="121,72,155,45,202,46,248,35,289,27,340,44,352,54,336,69,349,93,342,110,261,159,261,177,240,162,220,168,213,187,218,198,233,189,235,202,244,211,249,225,241,225,216,206,190,195,171,171,159,130,172,111,178,78,154,68,132,79" href="#" alt="North America" shape="poly">

这段代码的作用是通过使用函数changeImage将鼠标悬停在地图的某些部分上时更改为另一个图像。问题是我不能拥有这样的函数

<script type="text/javascript">

function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}

在 html 代码下方，因为 wordpress 似乎对其中的某些部分进行了“糖码”，因此它不起作用。

我应该把 Javascript 代码放在哪里才能正常工作？

4

1 回答 1

0

这是我如何在为客户构建的网站中添加它的示例。我很难将它包含在外部，所以我最终只使用编辑器来放置图像。我使用 TinyMce Advanced（我不确定常规编辑器是否会去除格式，但它适用于 TinyMce Advanced）：

  <p style="text-align: center;">
    <a title="Other Notable Projects" href="http://www.amasonry.com/other-notable-projects/">
    <img class="alignnone" onmouseover="this.src='http://www.amasonry.com/wp-content/themes/infocus/images/Sonic-Headquarters-Sepia.jpg';" onmouseout="this.src='http://www.amasonry.com/wp-content/themes/infocus/images/Sonic-Headquarters-Color.jpg';" src="http://www.amasonry.com/wp-content/themes/infocus/images/Sonic-Headquarters-Color.jpg" alt="" width="375" height="205" />
    </a>
  </p>
于 2012-04-13T01:06:28.080 回答