Jquery 临时

  <!--微信小程序-->
  <div id="page1" class="page page1">
    <nav>
      <div id="weixin" class="row">
        <div class="uk-animation-10 col-xs-12 col-sm-6 col-md-6 col-md-offset-0">
          <div id="d1" class="box-container weixin-text col-xs-6 col-sm-6 col-md-6 col-xs-offset-6 col-md-offset-6">
            <div>
              <b>微信小程序</b>
              <a href="">
                <p>了解更多</p>
              </a>
            </div>
            <div>

            </div>
            <div></div>
          </div>
        </div>
        <div id="haha" class="uk-animation-10 col-xs-12 col-sm-6 col-md-6">
          <img  id="weixin-right"  class="col-xs-8 col-sm-8 col-md-6" src="images/picxcx2.jpg" alt="">
        </div>
      </div>
    </nav>
  </div>
  
<script>
  $(function(){
    console.log($('#weixin-right').width());
    $('#weixin-right').css("left",100);
    console.log($('#weixin-right').position().left);

    var mmm=$('#weixin-right').position().left;
    $('#weixin-right').css("left",$('#haha').width());
//    var nnn=$('#haha').width()-$('#weixin-right').position().left
//    console.log(mmm);
    var n=1;
    var speed = 2000;
    $('#d1').click(function(){
      $('#weixin-right').animate({left:mmm}, speed, function(){
        speed += 1000;
      });
    });
  });
</script>
</body>
</html>