<!--微信小程序-->
<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>