我在目录页面上创建按钮时遇到困难,目录页面从 mysql 数据库返回 8、15 或 20 个产品,因此我使用循环将每个产品从数据库中拉出,并且我需要一个 addtocart 按钮其中使用javascript创建onmouseover效果代码如下
<code>
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>";
</code>
它可以正确显示图像,但是当鼠标放在图像上时没有任何反应。我猜测这可能是由于创建了 8、15 或 20 个这些图像而导致的,“name=crt”将整个事情搞砸了,如果是这样我该如何解决这个问题?
任何建议都会有帮助,谢谢!
最佳答案
而不是在 <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
...
关于php - 如何使 onmouseover 在 mysql 目录中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2122431/