Question

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代码放在哪里，以便它可以工作？

Answer 1

以下是我在为客户端构建的网站中添加它的示例。我很难将其包含在外部，因此我最终只使用编辑器来放置图像。我使用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>

我应该把我的Javascript放在Wordpress中？

1 个答案: