开发者

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 ^_^

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜