A slide function. from my library called Magik it is also on github!

slide.js

slide: function (all) {
        var pos = this.pos;
        if (all.direction  == 'Down') {
            var obj = this.e;
            obj.style.zIndex = this.zIndex;
            this.zIndex++;
            obj.style.position = "relative"
            var timer = setInterval(function () {
                if (pos >= all.movement) {
                    clearInterval(timer)
                } else {
                    console.log(pos);
                    obj.style.top = pos + 'px'
                    pos += all.step;
                    console.log(obj.style.marginTop);
                    console.log(obj);
                }
            }, all.duration)
        } else if (all.direction == 'Up') {
            var obj = this.e;
            obj.style.zIndex = this.zIndex;
            this.zIndex++;
            obj.style.position = "relative"
            var timer = setInterval(function () {
                if (pos <= -Math.abs(all.movement)) {
                    clearInterval(timer)
                } else {
                    console.log(pos);
                    obj.style.top = pos + 'px'
                    pos -= all.step;
                    console.log(obj.style.marginBottom);
                    console.log(pos);
                }
            }, all.duration)
        } else if (all.direction == 'Left') {
            var obj = this.e;
            obj.style.zIndex = this.zIndex;
            this.zIndex++;
            obj.style.position = "relative"
            var timer = setInterval(function () {
                if (pos <= -Math.abs(all.movement)) {
                    clearInterval(timer)
                } else {
                    console.log(pos);
                    obj.style.left = pos + 'px'
                    pos -= all.step;
                    console.log(obj.style.marginBottom);
                    console.log(pos);
                }
            }, all.duration)
        } else if (all.direction == 'Right') {
            var obj = this.e;
            obj.style.zIndex = this.zIndex;
            this.zIndex++;
            obj.style.position = "relative"
            var timer = setInterval(function () {
                if (pos <= -Math.abs(all.movement)) {
                    clearInterval(timer)
                } else {
                    console.log(pos);
                    obj.style.right = pos + 'px'
                    pos -= all.step;
                    console.log(obj.style.marginBottom);
                    console.log(pos);
                }
            }, all.duration)
        }
    },