Question

我有一个脚本，当文件被拖过它时会改变div的背景颜色，但是我想改变它以便背景图像改变，例如带有世界的图像'放下你的文件'

到目前为止，这是我必须使用的代码。

function dragover(e)
{
   e.stopPropagation(); 
   e.preventDefault();

f('.dropable').css({
    backgroundColor : 'rgb(51, 51, 51)',
    border : 0,
});

}

我试过了，但似乎没有用。

function dragover(e)
{
e.stopPropagation(); 
e.preventDefault();

f('.dropable').css({
    backgroundColor : 'rgb(51, 51, 51)',
    border : 0,
    backgroundImage','url(uploadimg.png)
});
}

Answer 1

您可以使用类名称（例如dragover）和.addClass()的组合。

.dragover {
    background-color : rgb(51, 51, 51);
    border: 0;
    background-image: url(uploadimg.png);
}

var dragover = function(e) {
    e.stopPropagation();
    e.preventDefault();
    f(".dropable").addClass("dragover");
}

我不知道您为什么使用f(...)，但我保留原样。通常，我会使用$(...)。

如果你还想和.css()一起说的话。您可以使用以下语法执行此操作：

var dragover = function(e) {
    e.stopPropagation();
    e.preventDefault();
    f(".dropable").css({
        backgroundColor: "rgb(51, 51, 51)",
        border: 0,
        backgroundImage: "url(uploadimg.png)"
    });
}

改变背景图像jquery

1 个答案: