设置图片从页面四周渐入效果的锚点方法

原理：利用锚点定位方法设置图片运动期间各个时期的坐标位置。在不同时刻对各锚点坐标调用。

相比传统方法的优点：可以更灵活的变动图片的位置。各个运动时期的运动时间更好控制。

<script>
        $(function(){
            $('#mdmobile').fullpage({
                sectionsColor: ['#1bbc9b', '#FFFFFF', '#FFFFFF', '#FFFFFF'],
                afterRender: function() {
                    $('.mdmobile-first-middle img').each(function () {
                        var $rel = $(this).attr('rel');
                        var $arr = $rel.split(',');
                        $(this).animate({
                            left: $arr[2] + 'px',
                            top: $arr[3] + 'px'
                        }, 400);
                    });
                }
            })
        });
    </script>

<!--middle start-->
            <div class="mdmobile-first-middle">
                <img src="images/0_14.png" rel="-100,0,0,0" class="mdmobile-first-middle_left"/>
                <img src="images/0_11.png" rel="90,-180,0,0" class="mdmobile-first-middle_top"/>
                <img src="images/0_18.png" rel="90,-180,0,0" class="mdmobile-first-middle_bottom"/>
                <div class="clear"></div>
            </div>