Download Demo
This jQuery Plugin lazyFade.js for simply fades a row of elements with a lazy effect. The fade of each next element gets delayed slightly what gives a precious touch to the whole transition.
1. INCLUDE JS FILES
<script type="text/javascript" src="path/to/your/jquery.js"></script> <script type="text/javascript" src="path/to/your/lazyFade.js"></script>2. HTML
<ul class="list-group">
<li class="list-group-item">Cras justo odio</li>
<li class="list-group-item">Dapibus ac facilisis in</li>
<li class="list-group-item">Morbi leo risus</li>
<li class="list-group-item">Porta ac consectetur ac</li>
<li class="list-group-item">Vestibulum at eros</li>
</ul>
3. JAVASCRIPT$(document).ready(function() {
$('.list-group > li').lazyFade();
});
4. OPTIONSreverse: false,
duration: 500,
delay: 50,
opacity: {
start: 0.01,
end: 1
}

No comments:
Post a Comment