0

我在目录页面上创建按钮时遇到困难,目录页面从 mysql 数据库返回 8 15 或 20 个产品,所以我使用循环将每个产品拉出数据库,我需要一个使用 javascript 的 addtocart 按钮创建鼠标悬停效果代码如下



echo "<a href=\"catalog.php?buyproduct=$productNumber\" onmouseover=\"document.crt.src='images/addcrt_btn_dn.png'\"
onmouseout=\"document.crt.src='images/addcrt_btn.png'\">
<img src=\"images/addcrt_btn.png\" name=\"crt\" alt=\"Add to cart\" width=\"81\" height=\"24\"> </a>";

它正确显示图像,但是当鼠标放在图像上时没有任何反应。我猜这可能是由于正在创建这些图像中的 8 15 或 20 个,因此“name = crt”正在抛弃整个事情,如果是这样,我该如何解决这个问题?

任何建议都会有所帮助,谢谢!

4

1 回答 1

1

<img>我建议您使用该属性,而不是在 上使用 name 属性id,如下所示:

<img id="crt" />

然后你可以改变src如下:

document.getElementById('crt').src = 'images/addcrt_btn_dn.png';

确保正确地转义所有这些引号,或者以另一种方式生成内容(这是一个使用该name属性的示例):

...
?>
<a href="catalog.php?buyproduct=<?php=$productNumber?>" onmouseover="document[crt].src='images/addcrt_btn_dn.png'" onmouseout="document[crt].src='images/addcrt_btn.png'">
<img src="images/addcrt_btn.png" name="crt" alt="Add to cart" width="81" height="24">
</a>
<?php
...
于 2010-01-23T07:04:15.573 回答