window.onload = function () { var x = 0; var oImg = document.getElementById('img1'); document.onmousedown = function (ev) { var ev = ev || enent; var disX = ev.clientX - x; console.log("ev.clientX: "+ev.clientX) console.log("disX: "+disX) document.onmousemove = function (ev) { var ev = ev || event; x = ev.clientX - disX; var l = parseInt(-x / 15); if (l > 0) { l = l % 51 + 1; } else { l = (l + -51 * (Math.floor(l / 51))) + 1; } oImg.src = "http://www.jq22.com/demo/threesixty-36020160228/img/car/" + l + ".png"; return false; }; document.onmouseup = function () { document.onmouseup = null; document.onmousemove = null; }; return false; } }