-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (59 loc) · 3.23 KB
/
index.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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Parallax Scroll</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="jquery-2.1.3.min.js" type="text/javascript"></script>
<!-- include the script tag for parallaxScroll AFTER the jQuery tag -->
<script src="parallaxScroll.js" type="text/javascript"></script>
</head>
<body>
<header>
<nav>
<h1>Parallax Scroll Demo</h1>
<ul>
<li><a href="http://github.com/scottyschup/parallax-scroll">Github Repo</a></li>
<li><a href="http://scottschupbach.com">Scott's Portfolio</a></li>
<li><a href="https://jquery.com/">Get you a jQuery!</a></li>
</ul>
</nav>
</header>
<!-- All content that is part of the parallax scroll section should be
contained in a single div with an id. -->
<div id="jqps">
<!-- An optional div containing contents to be faded out may also be
included. It may be inside or outside of the content div, depending on your
styling/organizational needs/preferences. -->
<div id="fade">
<h1>Scroll down to see the magic!</h1>
<img src="img/jqps_logo.png">
</div>
<p>"Lorem ipsum" hic non est. Arma virumque cano, Troiae qui primus ab oris Italiam, fato profugus, Laviniaque venit litora, multum ille et terris iactatus et alto vi superum saevae memorem Iunonis ob iram; multa quoque et bello passus, dum conderet urbem, inferretque deos Latio, genus unde Latinum, Albanique patres, atque altae moenia Romae.</p>
<p>Musa, mihi causas memora, quo numine laeso, quidve dolens, regina deum tot volvere casus insignem pietate virum, tot adire labores impulerit. Tantaene animis caelestibus irae?</p>
<p>Urbs antiqua fuit, Tyrii tenuere coloni, Karthago, Italiam contra Tiberinaque longe ostia, dives opum studiisque asperrima belli; quam Iuno fertur terris magis omnibus unam posthabita coluisse Samo; hic illius arma, hic currus fuit; hoc regnum dea gentibus esse, si qua fata sinant, iam tum tenditque fovetque. Progeniem sed enim Troiano a sanguine duci audierat, Tyrias olim quae verteret arces; hinc populum late regem belloque superbum venturum excidio Libyae: sic volvere Parcas. Id metuens, veterisque memor Saturnia belli, quod ad Troiam pro caris gesserat Argis - necdum etiam causae irarum saevique dolores exciderant animo: manet alta mente repostum iudicium Paridis spretaeque iniuria formae, et genus invisum, et rapti Ganymedis honores. His accensa super, iactatos aequore toto Troas, reliquias Danaum atque immitis Achilli, arcebat longe Latio, multosque per annos errabant, acti fatis, maria omnia circum.</p>
<p>Tantae molis erat Romanam condere gentem!</p>
</div>
<footer>
Created by
<a href="http://scottschupbach.com">Scott Schupbach</a>, but
<a href="http://github.com/scottyschup/parallax-scroll">
free for anyone to use.
</a>
<br>
<small>Not officially affiliated with jQuery in any way.</small>
</footer>
<script>
$(function () {
new jQPS({
containerId: "jqps",
backgroundImgUrl: "img/sb_sunset.jpg",
// fadeElementId is optional
fadeElementId: "fade",
// as is scrollSpeed, which defaults to 2
scrollSpeed: 2.5
});
});
</script>
</body>
</html>