js 侧边栏

最新推荐文章于 2024-06-30 14:04:39 发布

酷敝木木

最新推荐文章于 2024-06-30 14:04:39 发布

阅读量796

点赞数

分类专栏：哥的jquery学习之路文章标签： jquery javascript 图片移动 function

本文链接：https://blog.csdn.net/sikey_li/article/details/41762983

版权

哥的jquery学习之路专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script type="text/javascript" src="jquery-1.4.2.js"></script>
  <style type="text/css">
   body{margin:0; padding:0;}
   .lefta{ width: 200px; height: 200px; background:red; position: relative; float: left; left:-200px;}
   .lefta .aa{ width: 30px; height: 30px; background:orange; position: absolute; right: -30px; top: 50%;}
  </style>
  <script type="text/javascript">
    window.οnlοad=function(){
        var oDiv=document.getElementById("stx");
        oDiv.οnmοuseοver=function(){
            starAin(0);
        }
        oDiv.οnmοuseοut=function(){
            starAin(-200);
        }
    }
    var Time=null;
    function starAin(istga){
        clearInterval(Time);
        var oDiv=document.getElementById("stx");
            Time=setInterval(function(){
           var spint=0;
              if(oDiv.offsetLeft>istga){
                spint=-10;
              }else{
                spint=10;
              }
              if(oDiv.offsetLeft==istga){
                clearInterval(Time)
              }else{
               oDiv.style.left=oDiv.offsetLeft+spint+'px';
              }
            },30)

    }
  </script>
</head>
<body>
  <div id="stx" class="lefta">
    <a id="animat" href="javascript:;" class="aa">11</a>
  </div>
</body>
</html>