Exemplo da utilização do cycle para um carrossel de listas.
Last active
December 23, 2015 14:49
-
-
Save thulioph/6650842 to your computer and use it in GitHub Desktop.
A Pen by Thulio Philipe.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$("div").cycle({ | |
// parâmetros | |
fx: 'turnDown', | |
delay: -4000 | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment