Javascript 鼠标悬停在document.write中的背景更改上

我需要更改鼠标上方的背景图像，但不知道如何更改，因为它位于文档中。请编写我没有编写的内容。感谢您的帮助。这是我到目前为止所拥有的。我希望B是正常的，而MO在鼠标上

<script type="text/javascript">
function DrawRow (Link,Status) {
    B = "../Images/GreenButton.png" ;
    MO = "../Images/GreenButtonMouseOver.png" ;
    color1 = "#66FF33"; color2="#000000"; color3="#000000"; color4="#000000"; color5="#000000";


    //====================================================================================================================
    //          Check User Defined States By Rule
    //====================================================================================================================

    if ( Status4 )  { B="../Images/BlueButton.png"; MO="../Images/BlueButtonMouseOver.png"; color1="#FFFFFF"; }
    if ( Status32 ) { B="../Images/LightGreenButton.png"; B="../Images/LightGreenButtonMouseOver.png"; C1color="#000000"; }
    if ( Status2 )  { B="../Images/YellowButton.png"; MO="../Images/YellowButtonMouseOver.png"; C1color="#000000"; }
    if ( Status1 )  { B="../Images/OrangeButton.png"; MO="../Images/OrangeButtonMouseOver.png"; C1color="#000000"; }
    if ( Status8 )  { B="../Images/RedButton.png"; MO="../Images/RedButtonMouseOver.png";C1color="#FFFF00"; }
    if ( Status16 ) { B="../Images/PurpleButton.png"; MO="../Images/PurpleButtonMouseOver.png"; C1color="#000000"; }

document.write(  "<td ONCLICK=\"Jump('"+Link+"')\"onmouseover=\"this.style.cursor='hand'\" height='37' width='350' background='"+B+"' ><font color='"+color1+"'><p align='center'><b>"+T+"</b></td>"  );

功能绘图行（链接、状态）{
B=“../Images/GreenButton.png”；
MO=“../Images/GreenButtonMouseOver.png”；
color1=“#66FF33”color2=“#000000”color3=“#000000”color4=“#000000”color5=“#000000”；
//====================================================================================================================
//按规则检查用户定义的状态
//====================================================================================================================
如果（状态4）{B=“../Images/BlueButton.png”MO=“../Images/BlueButtonMouseOver.png”color1=“#ffffffff”}
如果（状态32）{B=“../Images/LightGreenButton.png”B=“../Images/LightGreenButtonMouseOver.png”C1color=“#000000”}
如果（状态2）{B=“../Images/YellowButton.png”MO=“../Images/YellowButtonMouseOver.png”C1color=“#000000”}
if（Status1）{B=“../Images/OrangeButton.png”MO=“../Images/OrangeButtonMouseOver.png”C1color=“#000000”}
如果（状态8）{B=“../Images/RedButton.png”MO=“../Images/RedButtonMouseOver.png”C1color=“#FFFF00”}
如果（Status16）{B=“../Images/PurpleButton.png”MO=“../Images/PurpleButtonMouseOver.png”C1color=“#000000”}
写（“
”+T+”）；

您可以添加一些CSS吗

<style>
  #somename{
    background-image:url("../Images/Green-360-Button.png");
  }
  #somename:hover{
    background-image:url("../Images/Green-360-ButtonMouseOver.png");
  }
</style>

#名字{
背景图片：url（“../Images/Green-360-Button.png”）；
}
#名字：悬停{
背景图像：url（“../Images/Green-360-ButtonMouseOver.png”）；
}

---

如果您的div是这样的，则将

id=“somename”

添加到

 <div id="div_1"></div>

---

您可以使用此syntex：

onmouseover="changeImage(this.id);"
 create a function like this :

    <script language="javascript" type="text/javascript">
    function changeImage(id)
    {
       $('#'+id).css("background-image", "url(your image path)");
    }

    </script>

onmouseover=“changeImage（this.id）；”
创建如下函数：
函数更改图像（id）
{
$（'#'+id）.css（“背景图像”，“url（您的图像路径）”）；
}

---

您必须包含jquery.js使用下面的

jquery

代码，这可能会解决您的问题

当您确定所有的

td

都已加载时，调用

doit

函数

function doit(){
    //alert(MO);
    //alert(B);
$("td[onclick^='Jump']").each(function(){
    console.log(MO);
    console.log(B);
    $(this).attr("mouseoverpic", MO);
    $(this).attr("mouseoutpic", B);

      $(this).hover(
        function(){
          $(this).attr("background", $(this).attr("mouseoverpic"));
        },
       function(){
         $(this).attr("background", $(this).attr("mouseoutpic"));
        }
     );
 });
}

附言：

---

看看这个。当然，我用它作为我的参考。

最后我明白了，这是我必须做的非常简单的事情，只花了3天的时间尝试函数，使用样式表，然后我得到了这个！感谢大家的帮助，我投票支持所有人的贡献

    document.write(  "<td ONCLICK=\"Jump('"+Link+"')\" onmouseover=\"this.style.background='url("+M+")'; this.style.cursor='pointer';\" onmouseout=\"this.style.background='url("+B+")';\" onmousedown=\"this.style.background='url(../Images/Gold-360-ButtonMouseOver.png)'\"  height='25' width='350' background='"+B+"' ><p align='center'><font color='"+C1color+"'><b>"+T+"</b></td>"  );

document.write（“
”+T+”）；

为什么不使用CSS并尝试tr:hover@Ushani你能告诉我如何用我所拥有的来改变它吗？@NickydeMayer的可能副本这不是一个副本，我需要知道如何用特定的文档来改变鼠标指针。写我有。因为我不知道如何。可能的副本，让版主决定。你是这样要求的mebody为您完成所有工作，这不是本网站的目的。大部分页面在html中使用css，但所有javascript都是函数和文档编写。那么我如何将其合并到文档编写中，将背景“=B”替换为背景“'MO”'它在文档中不起作用。write我曾经想过它可能会起作用，但它不起作用。没有div，也不知道如何将其添加到文档中。write是我没有经验的。document.write（“td:hover{}”）；document.write是javascript函数的一部分。所以我的css样式部分在函数后面。这有关系吗？所以我把它放在什么后面？`document.write（

“+T+”）；`你可以像这样写document.write（“td:hover{}我将在几分钟内制作演示。我如何在我的文档中实现它。写入？我如何将它放入文档中。写入？@chrisw.iec为什么要用

文档来编写它。在您无法控制它的地方写入
代码？在确保
td
加载后，只需将它包含在
html
代码中。它必须是wriiten with document.write。doc.write是javascript函数的一部分。此代码从一个软件的数据库中提取数据，该软件告诉您电镀槽的结果和测试时间。onclick跳转将带您进入下一页查看结果图像B和MO是槽自身的状态测试延迟测试超过规格10%在某种程度上说。没有办法拿出文档。写我不相信。写这篇文章的人已经死了，我要去修改和更新它。所以在上个月，我已经尽我所知学习了html javascript和css。如果你认为有更好的方法来写文档。写，请告诉我如何写！我得到了这个
文档。写（“
“+T+”）
我有一个css
.MouseOver{background:url（'../Images/Gray-360-ButtonMouseOver.png'）；颜色：#000000字体颜色：#000000；}.BackGround1{background:+MO+}.down{background:url（'../Images/Gold-360-ButtonMouseOver.png'）；颜色：#000000字体颜色：#000000字体颜色：#/code>
    document.write(  "<td ONCLICK=\"Jump('"+Link+"')\" onmouseover=\"this.style.background='url("+M+")'; this.style.cursor='pointer';\" onmouseout=\"this.style.background='url("+B+")';\" onmousedown=\"this.style.background='url(../Images/Gold-360-ButtonMouseOver.png)'\"  height='25' width='350' background='"+B+"' ><p align='center'><font color='"+C1color+"'><b>"+T+"</b></td>"  );