Aug 09, 2014 in Animation 3270 views
Random fade-in is a jQuery plugin for displaying an item by fade-in at random.
Source: usamimi.info
1. INCLUDE JS FILES
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="jquery.random-fade-in.1.2.2.js"></script>
2. HTML
<div id="boxset"> <div><p>F</p></div> <div><p>a</p></div> <div><p>d</p></div> <div><p>e</p></div> <div><p>i</p></div> <div><p>n</p></div> <div><p>I</p></div> <div><p>m</p></div> <div><p>g</p></div> </div>
3. JAVASCRIPT
$('#boxset').randomFadeIn();
4. OPTIONS
you can set some properties of this plugin like following.
$('#boxset3').randomFadeIn(500, false);
You can use same parameters for jQuery "fadeIn()".
'slow'
You can control whether it is repeated.
true
Tagged with:
random fade-in
face in
fade-in at random
jquery plugin
displaying an item
Related Articles