Question

Im interested in implementing a JQuery Solution for a Animated Horizontal Slide Function.

In the following example various “tetimonials” text slide from opposite directions at a specified interval.

The following example is in flash:

http://gsgpainting.com/contactUs.html (check the left column onload)

My simple question is: Does a JQuery tool exist for this? Or is there an easy JavaScript solution to implment this?

Answer 1

of course it possible. give me a few minutes and ill make a fiddle for it ^_^

ok try something like this:
http://jsfiddle.net/t5jyM/

html:

<div id='left-box'>
    <div class='msg'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod sem facilisis neque blandit </div>
    <div class='msg'>Vivamus nec tellus dui. Etiam pretium, libero sed eleifend laoreet, arcu massa suscipit nisl, sed </div>
</div>

JS:

var delay = 1000;

$('.msg').each(function(){
    $this = $(this)
    $this.delay(delay).show('slide')
    delay = delay+1000;
})

and if you want from two directions, check out this example: http://jsfiddle.net/maniator/sCNUL/

UR WELCOME ^_^