设计JavaScript对css的控制和JavaScript事件。
JavaScript
window.onload = () => { let N = 0.3; let div = document.getElementById("myDiv"); let img = document.getElementById("img1"); div.addEventListener("mouseenter", (enter) => { let XI = enter.clientX div.addEventListener("mousemove", (event) => { let X = event.clientX; if (X > XI) { let K = (X - XI) * N; img.style.left =-${K}px
; }else if ( X < XI) { let F = (XI - X) * N; img.style.left =${F}px
; } }); div.addEventListener("mouseleave", () => { img.style.left = "0px"; }); });}