JQuery水平对立幻灯片功能

时间:2011-03-23 17:12:05

标签: jquery

我对实现动画水平滑动功能的JQuery解决方案感兴趣。

在以下示例中,各种“推荐”文本以指定的间隔从相反方向滑动。

以下示例位于flash中:

http://gsgpainting.com/contactUs.html(查看左栏上载)

我的简单问题是:是否存在JQuery工具?或者是否有一个简单的JavaScript解决方案来实现这个目标?

1 个答案:

答案 0 :(得分:2)

当然有可能。给我几分钟,然后生病了!^ _ ^

好的尝试这样的事情: 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;
})

如果您想从两个方向进行操作,请查看此示例:http://jsfiddle.net/maniator/sCNUL/
UR欢迎^ _ ^