威言威语给你更好的视觉体验 - Give You Better Visual Experience

返回文章页:JQuery横向纵向手风琴切换效果 原文地址:jQuery plugin: Easy Accordion

手风琴横向自动切换

设置 'autoStart' 参数 'true' 来获取定时幻灯片,您还可以定义每张幻灯片之间的间隔时间,单位是毫秒,用参数 'slideInterval' 定义。

First slide

This is the first slide

Alt text to go hereCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.
Read more

Second slide

Here is the second slide

Alt text to go hereCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.
Read more

One more slide

One more slide to go here

Alt text to go hereCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.
Read more

Another slide

Another slide to go here

Alt text to go hereCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.
Read more

Wow one more

Unbilievable one more slide here

Alt text to go hereCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.
Read more

Last one

This is definitely the last one

Alt text to go hereCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.
Read more

简单的横向手风琴切换

如果你不指定参数 'autoStart',或者你设置为 'false' ,你得到一个简单的幻灯片。

Slide title

First mammoth here

Alt text to go hereLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean commodo ligula eget dolor.

Another slide

Over the moon!

Alt text to go hereAenean commodo ligula eget dolor. Aenean massa. Nascetur aenean commodo ligula eget dolor. Aenean massa eget.

Third slide

Another mammoth

Alt text to go hereIpsum dolor sit amet.Aenean ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.

Last slide

This is my favourite

Alt text to go hereCum sociis natoque penatibus et donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

设置初始活的动幻灯片

您可以轻松地设置 initial active slide 加入 'active' 类到各自dt元素。
请注意,您也可以删除设置 'slideNum' 的参数为 'false'。

Slide title

First slide here

Alt text to go hereLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean commodo ligula eget dolor.

Another slide

Title to go here

Alt text to go hereAenean commodo ligula eget dolor. Aenean massa. Nascetur aenean commodo ligula eget dolor. Aenean massa eget.

Third slide

Here is the title

Alt text to go hereIpsum dolor sit amet.Aenean ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.

Last slide

Last slide title

Alt text to go hereCum sociis natoque penatibus et donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.