Java脚本鼠标

Question

我正在实现一个mouseover，它改变了一个div onMouseDown的背景，还有onMouseUp，我也在尝试预加载图像。

这就是我到目前为止所拥有的；

if(document.images) {  
    buttonDown = new Image();  
    buttonDown.src = "buttonDown.png";  
}  

function down(affect) {  
    affect.style.backgroundColor="#333333";  
    affect.style.color="#ffffff";  
    affect.style.background = buttonDown;  
    return true;  
    }  

div使用onMouseDown=“onMouseDown=(This)；”

这不管用。唯一不起作用的部分是-- affect.style.background = buttonDown；我省略了脚本标记，但它们都在那里，并且正常工作。

我的问题是，我如何将背景属性分配给预加载的图像，而不是仅仅使用字符串按名称分配图像。

Answer 1

首先，我认为您访问的样式属性是错误的；如果要使用backgroundColor，最好使用更具体的backgroundImage。

其次，它需要一个字符串，而不是Image对象。

试试这个：

affect.style.backgroundImage='url(' + buttonDown.src + ')';

综上所述，我将研究图像精灵和HTML类(CSS) =)

Answer 2

我做了更多的研究，这是我发现的。您可以使用设置为style="display:none“的div预加载图像，并在该div中包含图像。

只要您下一次引用该映像时，您使用的路径与它将被预加载的路径相同。