首页 > 代码库 > js运动02----"分享到"侧边栏
js运动02----"分享到"侧边栏
1.分享到
通过目标值来确定方向!
<style> #div1{width: 100px;height: 200px;position: absolute;left: -100px;background-color: gray;} #div1 span{width: 20px;height: 60px;line-height: 20px;text-align:center;left: 100px;top: 70px; background-color: yellow;position: absolute;} </style> <script> window.onload = function(){ var oDiv = document.getElementById(‘div1‘); oDiv.onmouseover = function(){ startMove(0); } oDiv.onmouseout = function(){ startMove(-100); } } var timer = null; function startMove(iTarget){ var oDiv = document.getElementById(‘div1‘); var iSpeed = 10 ; oDiv.offsetLeft < iTarget ? iSpeed = 10 : iSpeed = -10; clearInterval(timer); timer = setInterval(function(){ if(oDiv.offsetLeft == iTarget){ clearInterval(timer); }else{ oDiv.style.left = oDiv.offsetLeft + iSpeed + ‘px‘; } },30); } </script></head><body><div id="div1"> <span>分享到</span></div></body>
js运动02----"分享到"侧边栏
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。