為啥鼠標(biāo)移到分享他沒(méi)有動(dòng)畫(huà)
我照著老師的打?yàn)槭裁磩?dòng)畫(huà)效果出不來(lái)呢？鼠標(biāo)移上去就是不動(dòng)。
<!doctype html>
<html>
? ? <head>
? ? ? ? <meta charset="utf-8"/>
? ? ? ? <title>速度動(dòng)畫(huà)</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寫(xiě)成grt了，取不到div，沒(méi)法綁定事件。仔細(xì)檢查自己的代碼，多用開(kāi)發(fā)者工具查看報(bào)錯(cuò)情況就可以避免這種不應(yīng)該出現(xiàn)的錯(cuò)誤。