為啥鼠標移到分享他沒有動畫
我照著老師的打為什么動畫效果出不來呢？鼠標移上去就是不動。
<!doctype html>
<html>
? ? <head>
? ? ? ? <meta charset="utf-8"/>
? ? ? ? <title>速度動畫</title>
? ? ? ? <style>
? ? ? ? ? ? body,div,span{
? ? ? ? ? ? ? ? margin: 0;
? ? ? ? ? ? ? ? padding: 0;
? ? ? ? ? ? }
? ? ? ? ? ? #div1{
? ? ? ? ? ? ? ? width: 200px;
? ? ? ? ? ? ? ? height: 200px;
? ? ? ? ? ? ? ? background: red;
? ? ? ? ? ? ? ? position: relative;
? ? ? ? ? ? ? ? left: -200px;
? ? ? ? ? ? ? ? top: 0;
? ? ? ? ? ? }
? ? ? ? ? ? #div1 span{
? ? ? ? ? ? ? ? width: 20px;height: 50px;
? ? ? ? ? ? ? ? background: blue;
? ? ? ? ? ? ? ? position: absolute;
? ? ? ? ? ? ? ? left: 200px;
? ? ? ? ? ? ? ? top: 75px;
? ? ? ? ? ? }
? ? ? ? </style>
? ? ? ? <script>
? ? ? ? ? window.onload=function(){
? ? ? ? ? var oDiv=document.grtElementById("div1");
? ? ? ? ? oDiv.onmouseover=function(){
? ? ? ? ? startMove();
? ? ? ? ? }
? ? ? ? ? }
? ? ? ? ? function startMove(){
? ? ? ? ? var oDiv=document.getElementById("div1");
? ? ? ? ? setInterval(function(){
? ? ? ? ? oDiv.style.left=oDiv.offsetLeft+10+'px';
? ? ? ? ? },30)
? ? ? ? ? }
? ? ? ? </script>
? ? </head>
? ? <body>
? ? ? ? <div id="div1">
? ? ? ? ? ? <span id="share">分享</span>
? ? ? ? </div>
? ? </body>
</html>
2019-05-09
var oDiv=document.getElementById("div1");這是正確的? 你的代碼get寫成grt了，取不到div，沒法綁定事件。仔細檢查自己的代碼，多用開發者工具查看報錯情況就可以避免這種不應該出現的錯誤。