开发者

JQuery Horizontal Opposite Slide Functionality

开发者 https://www.devze.com 2023-02-19 01:50 出处:网络
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.

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

精彩评论

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