forked from jgthms/lavalamp.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
lavalamp.html
50 lines (50 loc) · 4.64 KB
/
lavalamp.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
<title>LavaLamp.js</title>
<link rel="stylesheet" href="reset.css" type="text/css">
<link rel="stylesheet" href="lavalamp.css" type="text/css">
</head>
<body>
<a class="button" id="lavalamp-previous">
Load previous
</a>
<ol>
<li>Lorem ipsum dolor sit amet, arcu purus. A risus, vitae nonummy, tellus enim. Metus mus wisi, non quisque urna. Sed ac. Nunc sem, sapiente proin justo, phasellus eget potenti. Lectus feugiat, wisi auctor</li>
<li>Curabitur faucibus. Faucibus tincidunt, sed odio. Donec aliquam, id eros, consequat fames etiam. Fermentum erat a. Ut est, cursus porttitor arcu</li>
<li>Ut in commodo. Sed vehicula, bibendum at, taciti amet turpis. Justo iaculis duis, leo felis, gravida suspendisse pharetra. Justo lectus sollicitudin, ipsam at est. Eget nec. Commodo sem, et consequatur</li>
<li>Fusce a porta. Integer ligula nulla, phasellus posuere eu. Pulvinar phasellus justo, justo gravida, nulla sem. Vel diam sodales, nunc ut erat. Ut sit, mauris wisi morbi. Phasellus nonummy, proin magna, sit magna</li>
<li>Natoque curabitur praesent. Proin lorem nisl, molestie nam, eu elit mi. Vestibulum sed, donec tempor quam. Parturient volutpat hac, a pellentesque. Accumsan tempor tellus, tellus justo, eu ac</li>
<li>Scelerisque nunc, lectus lorem. Tellus pede, ut dui pretium. Lacinia auctor doloremque. Non mi, consequat dui scelerisque, massa nonummy. Ac eu at, mauris ligula. Molestias et, arcu aptent eget</li>
<li>Sapien vestibulum. Ante sed dictum. Duis eros, erat id. Justo voluptatem pede. Ullamcorper amet congue</li>
<li>Pellentesque natoque, tortor egestas. Sed ligula sit. Diam suspendisse, purus malesuada ultrices, erat magnis. Pellentesque convallis. Elementum id amet, elit eu</li>
<li>Non dolor. Metus sem, pulvinar amet sed, non sapien posuere. Nisl ipsum phasellus, consectetuer pretium. Vivamus eleifend donec, at posuere, purus etiam ligula. Aenean non metus. Aliquet urna, pharetra vel</li>
<li>Malesuada ac amet. Ut vel viverra. Aliquam in, hendrerit vivamus, libero egestas. Nunc aenean sit, nunc amet, nec sapien. Neque imperdiet. Non vestibulum luctus, urna mollis nunc, pede tortor</li>
<li>Lectus ac gravida. Vitae integer. Ligula eu. Vel ridiculus. Rutrum in, cubilia vivamus feugiat</li>
<li>Sit lobortis sit, nunc vitae turpis. Bibendum dui ut, at leo, velit sed. Vulputate viverra. Morbi placerat erat. Egestas commodo nunc, commodo nulla potenti</li>
<li>Massa tortor elit. Gravida ligula risus, amet sed. At commodo, curae et, lorem nullam laoreet. Sit eleifend, dictumst tempor. Pellentesque vel</li>
<li>Etiam hendrerit lacinia, vehicula sit. Repudiandae eget consectetuer. Sed ullamcorper nam. Velit amet sit, consectetuer et integer, fringilla sem tellus. Aenean suspendisse. Vitae adipiscing, nam nullam</li>
<li>Quam mus sed, facilisis et. Nulla est praesent. Sed vivamus, varius dui. Per molestie sed, pellentesque at. Feugiat pretium, mi ante, sit sodales. Massa incididunt</li>
<li>Velit neque, a metus neque. Vulputate non iaculis, accumsan sociis. Vitae vitae lacus, semper suspendisse. Sit per a, sem vel posuere, donec odio. Lorem turpis. Maecenas pellentesque, enim libero cras</li>
<li>At praesent, orci at tempor, tristique phasellus metus. Quam qui integer, senectus debitis ut. Sem libero, ac urna interdum. Integer lectus, fames magna. Platea augue, pellentesque mauris</li>
<li>Eget nonummy dignissim. Ligula ultricies erat, auctor malesuada volutpat. Amet felis morbi, ut ac. Ullamcorper ornare, vulputate volutpat eget, urna sit sodales. Dolor qui, morbi faucibus commodo, dolor minim integer. Wisi vulputate, nulla tempor sagittis</li>
<li>Sed tellus dolor, proin cursus in. Vestibulum nulla ultrices, sed in a. Blandit pellentesque. Phasellus eros. Phasellus nec porttitor. Risus accumsan, mattis aliquam natoque, libero congue nunc</li>
<li>Aliquam ridiculus, bibendum fringilla. Est fusce augue, litora natoque taciti, donec sociosqu urna. Varius id. Wisi erat velit, id iaculis vivamus. Sit orci, vitae sit, ac ultricies</li>
</ol>
<a class="button" id="lavalamp-next">
Load next
</a>
<a id="lavalamp">
<span>Loading</span>
</a>
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="lavalamp.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$('body').lavalamp();
});
</script>
</body>
</html>