JQuery Horizontal Opposite Slide Functionality
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 JQuer开发者_开发问答y tool exist for this? Or is there an easy JavaScript solution to implment this?
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 ^_^
精彩评论