Question

我刚刚进入Javascript，从＆＃34开始，潜入一个项目＆＃34;做法。我现在的目标是简单地让div元素向左移动10px，逐步移动，每次鼠标悬停。这就是我到目前为止所拥有的：

HTML

<div id="test"></div>

CSS

div {
    position:relative;
    width:30%;
    border:1px solid blue;
    height:50px;
}

的JavaScript

document.getElementById("test").onmouseover = function() {mouseOver()};
function mouseOver() {
    document.getElementById("test").style.left = "10px";
}

JSFiddle

我理解为什么这不起作用 - 但是，我不肯定如何让工作，而且我不应该对我应该搜索的搜索内容有所了解正在使用。

感谢您的时间。

Answer 1

您缺少的是，您没有增加元素左侧属性的值

试试这个https://jsfiddle.net/mdb6yt4z/1/

var left = 10;
document.getElementById("test").onmouseover = function() {mouseOver()};

function mouseOver() {
    console.log(document.getElementById("test").style.left);
    document.getElementById("test").style.left = left+"px";
    left+=10;
}

Answer 2

您应该增加到每个函数调用

tolower

使用JavaScript

2 个答案: