Skip to content

Instantly share code, notes, and snippets.

@thulioph
Last active December 23, 2015 14:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save thulioph/6650842 to your computer and use it in GitHub Desktop.
Save thulioph/6650842 to your computer and use it in GitHub Desktop.
A Pen by Thulio Philipe.
<div>
<!--conteúdo aqui-->
<ul>
<li>Item 01</li>
<li>Item 02</li>
<li>Item 03</li>
</ul>
<ul>
<li>Item 04</li>
<li>Item 05</li>
<li>Item 06</li>
</ul>
</div>
$("div").cycle({
// parâmetros
fx: 'turnDown',
delay: -4000
});
div{
width: 150px;
height: 150px;
overflow: hidden;
}
div li{
display: inline-block;
list-style-type: none;
background: #f00;
border: 1px solid #000;
margin: 2px 0px;
width: 100px;
height: 20px;
}

Utilizando o Cycle

Exemplo da utilização do cycle para um carrossel de listas.

Link do Exemplo

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment