Javascript 需要将图像href滚动效果更改为td onclick

我不是一个有经验的javascript、css程序员，所以我会尽可能地感谢您的帮助。我已经阅读了一些其他的帖子，以获得更多的理解；他们提到了jquery，但我也不知道该怎么做

我有一个用程序为我生成的代码。我需要将大约7个图像按钮（不是链接）href滚动更改为td onclick。非常感谢。这是我目前的代码：

头脑中-

<script type="text/javascript">
function newImage(arg) {
if (document.images) {
    rslt = new Image();
    rslt.src = arg;
    return rslt;}
}

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];}
}

}

---

在机构内—

<td colspan="2">

<a href="mailto:info@savantgenius.com"
            onmouseover="changeImages('info_savantgenius_com', 'images/info@savantgenius.com-over.gif'); return true;"
            onmouseout="changeImages('info_savantgenius_com', 'images/info@savantgenius.com.gif'); return true;"
            onmousedown="changeImages('info_savantgenius_com', 'images/info@savantgenius.com-over.gif'); return true;"
            onmouseup="changeImages('info_savantgenius_com', 'images/info@savantgenius.com-over.gif'); return true;">
            <img name="info_savantgenius_com" src="images/info@savantgenius.com.gif" width="220" height="49" border="0" alt=""></a></td>

您可以使用以下方法：

所以它会给你这样的东西：

$("#mytd1").hover(function(){$(this).css("background-image", [PUT THE NEW IMAGE PATH HERE])});

[将新图像路径放在这里]类似于“url（'IMAGE.jpg'）”

---

您需要包括jquery库

您只需使用

document.getElementById（）

而不是document[changeImages.arguments[i]]

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

函数changeImages（）{
if（document.images&（preload标志==true））{
对于（变量i=0；i

谢谢。同样，我不太擅长这一点，但从在线阅读评论来看，是否有可能完全去掉href&img src标记并将一行代码集成到td中？您可以将

style=“background image:…”

分配到

td

，因此这将是一行。但是，为了正确显示背景图像，您需要管理

td

的宽度和高度。很酷，这还会保留href特性吗？另外，我是否将其放在标题中？您可以使用它删除href:$（“#mytd1”）。单击（function（）{//Your function here}）；是的，你把它放在标签之间的标题中

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