鼠標(biāo)放上去沒(méi)反應(yīng)
<!DOCTYPE html>
<html>
<head>
?? ?<meta charset="UTF-8">
?? ?<title>Document</title>
?? ?<style type="text/css">
?? ?*{
?? ??? ?margin: 0;
?? ??? ?padding: 0;
?? ?}
?? ?#div1{
?? ??? ?width: 200px;
?? ??? ?height: 300px;
?? ??? ?background-color: yellow;
?? ?}
?? ?</style>
?? ?<script type="text/javascript">
?? ??? ?window.onload = function(){
?? ??? ??? ?var div1 = document.getElementById("div1");
?? ??? ??? ?div1.onmouseover = function(){
?? ??? ??? ??? ?startMove(0);
?? ??? ??? ?}
?? ??? ??? ?div1.onmouseout = function(){
?? ??? ??? ??? ?startMove(-200);
?? ??? ??? ?}
?? ??? ?}
?? ??? ?var timer = null;
?? ??? ?function startMove(itarget){
?? ??? ??? ?clearInterval(time);
?? ??? ??? ?var div1 = document.getElementById('div1');
?? ??? ??? ?timer = setInterval(function(){
?? ??? ??? ??? ?var speed = (itarget-div1.offsetLeft)/20;
?? ??? ??? ??? ?speed = speed > 0? Math.ceil(speed) : Math.floor(speed);
?? ??? ??? ??? ?if(div1.offsetLeft == itarget){
?? ??? ??? ??? ??? ?clearInterval(timer);
?? ??? ??? ??? ?}else{
?? ??? ??? ??? ??? ?div1.style.left = div1.offsetLeft + speed + 'px';
?? ??? ??? ??? ?}
?? ??? ??? ?}, 30)
?? ??? ?}
?? ?</script>
</head>
<body>
?? ?<div id="div1"></div>
?? ?
</body>
</html>
2016-06-22
不好意思我看錯(cuò)了，應(yīng)該是你用了style.left卻沒(méi)有用絕對(duì)定位，你在#div1樣式里加一句position:absolute應(yīng)該就行了。
2016-06-21
offsetLeft屬性是只讀的，直接賦值沒(méi)用