Drag thing

by AaronLayton

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
<div class="container">
    <div class="stage-container">
        
        <div class="stage">
            <div class="from-left local-draggable" style="width: 250px;">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus arcu nunc, maximus in lorem quis, mollis vulputate enim. Nullam ante est, ornare eu pharetra non, tempus vel leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
            </div>
            <div class="from-left local-draggable" style="width:250px">
                <p>Maecenas efficitur semper orci, ac faucibus nisi ultricies vel. Donec non condimentum risus. Donec sed risus luctus, interdum purus nec, porttitor quam.</p>
            </div>
        </div>
        
    </div>
    <div class="ss-controls"><img src="http://www.designpreview.co.uk/lab/ie6/test2.png" alt="" /></div>
</div>

CSS

body {
    font-family:arial;
}
.container {
    position:relative;
    border:1px solid #eee;
}
.stage-container {
    background:#050d0d;
    width:1014px;
    height:640px;
}
.ss-controls {
    position:absolute;
    left:0;
    bottom:0;
}

.stage {
    color:#fff;
    font-size:20px;
}

JavaScript

var SS = {
    local:true
};

if (SS.local) {
    $(".local-draggable").draggable();
}else{
    $(".from-left").each(function(i){
        var originalLeft = $(this).css("left");
        $(this).css("left",-400).animate({
          left: originalLeft
        });
    });
}