-
Notifications
You must be signed in to change notification settings - Fork 0
/
animateheader.html
51 lines (51 loc) · 19 KB
/
animateheader.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
<!DOCTYPE html>
<html>
<head>
<title> </title>
<link rel="stylesheet" type="text/css" href="animateheader.css" media="screen">
<!--<script language="javascript" src="animateheader.js"></script>-->
<!--<script language="javascript" src="animate.custom.js"></script>-->
</head>
<body>
<p>Quisque sollicitudin elit vitae diam consequat accumsan. Suspendisse potenti. Donec dapibus tortor at justo eleifend at pellentesque leo lobortis. Etiam ultrices leo et nulla iaculis eu facilisis augue fermentum. Pellentesque eu leo purus. Vestibulum bibendum, metus at bibendum blandit, lacus neque porttitor diam, id facilisis lectus mauris et leo. Donec adipiscing interdum lacus sed condimentum. In auctor sollicitudin orci, ac interdum risus aliquet ullamcorper. Curabitur mollis accumsan vulputate. Etiam adipiscing diam nec dui posuere ut tincidunt felis tristique. Vestibulum neque enim, placerat sed placerat commodo, consectetur ac mauris. Sed ultrices pretium nibh, a blandit libero imperdiet pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam malesuada venenatis eleifend. Sed at est ligula. Aliquam vehicula nibh vel est rutrum et egestas nisi luctus. Nullam eget felis erat. Duis porttitor, odio id adipiscing sollicitudin, lorem risus luctus massa, ut tempor ante massa sed nunc. Vestibulum in pellentesque metus. Praesent vitae tellus et urna tempor pretium. Vivamus urna tortor, accumsan id euismod at, posuere vitae dui. Pellentesque ante odio, sodales eget varius luctus, pulvinar et sapien. Mauris eget varius dolor. Suspendisse ante felis, tempus non gravida mollis, ultrices ut dui. Maecenas lacinia arcu sit amet nisi suscipit vehicula. Mauris commodo arcu non nibh placerat nec tincidunt velit mattis. Vivamus convallis mauris vitae erat pretium accumsan. Sed at lectus nec ante tristique auctor. Praesent feugiat mattis pretium. Nunc lacinia sapien turpis, non euismod augue. Fusce eget posuere dolor. Maecenas pharetra nisl eget neque facilisis luctus. Donec lectus mi, dictum nec rhoncus ut, ultrices eu ipsum. Nulla adipiscing bibendum gravida. Nullam sodales neque quis ligula vulputate faucibus. Nunc diam quam, vestibulum ut luctus at, congue nec elit. Curabitur luctus turpis id arcu laoreet malesuada. Donec bibendum suscipit pulvinar. Etiam dictum porttitor tellus, eu rutrum massa placerat at. Ut malesuada rutrum purus, non convallis ante condimentum eu. Maecenas facilisis lacinia purus, sit amet ornare justo eleifend at. Sed gravida iaculis justo vel lobortis. Fusce vel nisl vitae sem commodo dapibus. In hac habitasse platea dictumst. Cras imperdiet augue at massa fermentum ac ultrices sapien commodo. Phasellus purus risus, adipiscing non faucibus in, rutrum at neque. Nunc blandit lorem varius elit gravida aliquet. Suspendisse potenti. Nulla laoreet commodo nunc, quis sollicitudin lectus laoreet vel. Ut eu nisl dolor, a tempus metus. Quisque sollicitudin elit vitae diam consequat accumsan. Suspendisse potenti. Donec dapibus tortor at justo eleifend at pellentesque leo lobortis. Etiam ultrices leo et nulla iaculis eu facilisis augue fermentum. Pellentesque eu leo purus. Vestibulum bibendum, metus at bibendum blandit, lacus neque porttitor diam, id facilisis lectus mauris et leo. Donec adipiscing interdum lacus sed
</p>
<div class="outer-header">
<div class="inner-header">
<h1>Fixed</h1>
<nav>
<a href="">apple</a>
<a href="">mango</a>
<a href="">orange</a>
<a href="">litchi</a>
</nav>
</div>
</div>
<script src="animateheader.js"></script>
<script src="classie.js"></script>
<br>
<p>Quisque sollicitudin elit vitae diam consequat accumsan. Suspendisse potenti. Donec dapibus tortor at justo eleifend at pellentesque leo lobortis. Etiam ultrices leo et nulla iaculis eu facilisis augue fermentum. Pellentesque eu leo purus. Vestibulum bibendum, metus at bibendum blandit, lacus neque porttitor diam, id facilisis lectus mauris et leo. Donec adipiscing interdum lacus sed condimentum. In auctor sollicitudin orci, ac interdum risus aliquet ullamcorper. Curabitur mollis accumsan vulputate. Etiam adipiscing diam nec dui posuere ut tincidunt felis tristique. Vestibulum neque enim, placerat sed placerat commodo, consectetur ac mauris. Sed ultrices pretium nibh, a blandit libero imperdiet pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Nam malesuada venenatis eleifend. Sed at est ligula. Aliquam vehicula nibh vel est rutrum et egestas nisi luctus. Nullam eget felis erat. Duis porttitor, odio id adipiscing sollicitudin, lorem risus luctus massa, ut tempor ante massa sed nunc. Vestibulum in pellentesque metus. Praesent vitae tellus et urna tempor pretium. Vivamus urna tortor, accumsan id euismod at, posuere vitae dui. Pellentesque ante odio, sodales eget varius luctus, pulvinar et sapien. Mauris eget varius dolor. Suspendisse ante felis, tempus non gravida mollis, ultrices ut dui. Maecenas lacinia arcu sit amet nisi suscipit vehicula. Mauris commodo arcu non nibh placerat nec tincidunt velit mattis. Vivamus convallis mauris vitae erat pretium accumsan. Sed at lectus nec ante tristique auctor. Praesent feugiat mattis pretium.
Nunc lacinia sapien turpis, non euismod augue. Fusce eget posuere dolor. Maecenas pharetra nisl eget neque facilisis luctus. Donec lectus mi, dictum nec rhoncus ut, ultrices eu ipsum. Nulla adipiscing bibendum gravida. Nullam sodales neque quis ligula vulputate faucibus. Nunc diam quam, vestibulum ut luctus at, congue nec elit. Curabitur luctus turpis id arcu laoreet malesuada. Donec bibendum suscipit pulvinar. Etiam dictum porttitor tellus, eu rutrum massa placerat at. Ut malesuada rutrum purus, non convallis ante condimentum eu. Maecenas facilisis lacinia purus, sit amet ornare justo eleifend at. Sed gravida iaculis justo vel lobortis.
Fusce vel nisl vitae sem commodo dapibus. In hac habitasse platea dictumst. Cras imperdiet augue at massa fermentum ac ultrices sapien commodo. Phasellus purus risus, adipiscing non faucibus in, rutrum at neque. Nunc blandit lorem varius elit gravida aliquet. Suspendisse potenti. Nulla laoreet commodo nunc, quis sollicitudin lectus laoreet vel. Ut eu nisl dolor, a tempus metus.
Quisque sollicitudin elit vitae diam consequat accumsan. Suspendisse potenti. Donec dapibus tortor at justo eleifend at pellentesque leo lobortis. Etiam ultrices leo et nulla iaculis eu facilisis augue fermentum. Pellentesque eu leo purus. Vestibulum bibendum, metus at bibendum blandit, lacus neque porttitor diam, id facilisis lectus mauris et leo. Donec adipiscing interdum lacus sed condimentum. In auctor sollicitudin orci, ac interdum risus aliquet ullamcorper. Curabitur mollis accumsan vulputate. Etiam adipiscing diam nec dui posuere ut tincidunt felis tristique. Vestibulum neque enim, placerat sed placerat commodo, consectetur ac mauris. Sed ultrices pretium nibh, a blandit libero imperdiet pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Nam malesuada venenatis eleifend. Sed at est ligula. Aliquam vehicula nibh vel est rutrum et egestas nisi luctus. Nullam eget felis erat. Duis porttitor, odio id adipiscing sollicitudin, lorem risus luctus massa, ut tempor ante massa sed nunc. Vestibulum in pellentesque metus. Praesent vitae tellus et urna tempor pretium. Vivamus urna tortor, accumsan id euismod at, posuere vitae dui. Pellentesque ante odio, sodales eget varius luctus, pulvinar et sapien. Mauris eget varius dolor. Suspendisse ante felis, tempus non gravida mollis, ultrices ut dui. Maecenas lacinia arcu sit amet nisi suscipit vehicula. Mauris commodo arcu non nibh placerat nec tincidunt velit mattis. Vivamus convallis mauris vitae erat pretium accumsan. Sed at lectus nec ante tristique auctor. Praesent feugiat mattis pretium.
Nunc lacinia sapien turpis, non euismod augue. Fusce eget posuere dolor. Maecenas pharetra nisl eget neque facilisis luctus. Donec lectus mi, dictum nec rhoncus ut, ultrices eu ipsum. Nulla adipiscing bibendum gravida. Nullam sodales neque quis ligula vulputate faucibus. Nunc diam quam, vestibulum ut luctus at, congue nec elit. Curabitur luctus turpis id arcu laoreet malesuada. Donec bibendum suscipit pulvinar. Etiam dictum porttitor tellus, eu rutrum massa placerat at. Ut malesuada rutrum purus, non convallis ante condimentum eu. Maecenas facilisis lacinia purus, sit amet ornare justo eleifend at. Sed gravida iaculis justo vel lobortis.
Fusce vel nisl vitae sem commodo dapibus. In hac habitasse platea dictumst. Cras imperdiet augue at massa fermentum ac ultrices sapien commodo. Phasellus purus risus, adipiscing non faucibus in, rutrum at neque. Nunc blandit lorem varius elit gravida aliquet. Suspendisse potenti. Nulla laoreet commodo nunc, quis sollicitudin lectus laoreet vel. Ut eu nisl dolor, a tempus metus.
Quisque sollicitudin elit vitae diam consequat accumsan. Suspendisse potenti. Donec dapibus tortor at justo eleifend at pellentesque leo lobortis. Etiam ultrices leo et nulla iaculis eu facilisis augue fermentum. Pellentesque eu leo purus. Vestibulum bibendum, metus at bibendum blandit, lacus neque porttitor diam, id facilisis lectus mauris et leo. Donec adipiscing interdum lacus sed condimentum. In auctor sollicitudin orci, ac interdum risus aliquet ullamcorper. Curabitur mollis accumsan vulputate. Etiam adipiscing diam nec dui posuere ut tincidunt felis tristique. Vestibulum neque enim, placerat sed placerat commodo, consectetur ac mauris. Sed ultrices pretium nibh, a blandit libero imperdiet pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Nam malesuada venenatis eleifend. Sed at est ligula. Aliquam vehicula nibh vel est rutrum et egestas nisi luctus. Nullam eget felis erat. Duis porttitor, odio id adipiscing sollicitudin, lorem risus luctus massa, ut tempor ante massa sed nunc. Vestibulum in pellentesque metus. Praesent vitae tellus et urna tempor pretium. Vivamus urna tortor, accumsan id euismod at, posuere vitae dui. Pellentesque ante odio, sodales eget varius luctus, pulvinar et sapien. Mauris eget varius dolor. Suspendisse ante felis, tempus non gravida mollis, ultrices ut dui. Maecenas lacinia arcu sit amet nisi suscipit vehicula. Mauris commodo arcu non nibh placerat nec tincidunt velit mattis. Vivamus convallis mauris vitae erat pretium accumsan. Sed at lectus nec ante tristique auctor. Praesent feugiat mattis pretium.
Nunc lacinia sapien turpis, non euismod augue. Fusce eget posuere dolor. Maecenas pharetra nisl eget neque facilisis luctus. Donec lectus mi, dictum nec rhoncus ut, ultrices eu ipsum. Nulla adipiscing bibendum gravida. Nullam sodales neque quis ligula vulputate faucibus. Nunc diam quam, vestibulum ut luctus at, congue nec elit. Curabitur luctus turpis id arcu laoreet malesuada. Donec bibendum suscipit pulvinar. Etiam dictum porttitor tellus, eu rutrum massa placerat at. Ut malesuada rutrum purus, non convallis ante condimentum eu. Maecenas facilisis lacinia purus, sit amet ornare justo eleifend at. Sed gravida iaculis justo vel lobortis.
Fusce vel nisl vitae sem commodo dapibus. In hac habitasse platea dictumst. Cras imperdiet augue at massa fermentum ac ultrices sapien commodo. Phasellus purus risus, adipiscing non faucibus in, rutrum at neque. Nunc blandit lorem varius elit gravida aliquet. Suspendisse potenti. Nulla laoreet commodo nunc, quis sollicitudin lectus laoreet vel. Ut eu nisl dolor, a tempus metus.Quisque sollicitudin elit vitae diam consequat accumsan. Suspendisse potenti. Donec dapibus tortor at justo eleifend at pellentesque leo lobortis. Etiam ultrices leo et nulla iaculis eu facilisis augue fermentum. Pellentesque eu leo purus. Vestibulum bibendum, metus at bibendum blandit, lacus neque porttitor diam, id facilisis lectus mauris et leo. Donec adipiscing interdum lacus sed condimentum. In auctor sollicitudin orci, ac interdum risus aliquet ullamcorper. Curabitur mollis accumsan vulputate. Etiam adipiscing diam nec dui posuere ut tincidunt felis tristique. Vestibulum neque enim, placerat sed placerat commodo, consectetur ac mauris. Sed ultrices pretium nibh, a blandit libero imperdiet pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Nam malesuada venenatis eleifend. Sed at est ligula. Aliquam vehicula nibh vel est rutrum et egestas nisi luctus. Nullam eget felis erat. Duis porttitor, odio id adipiscing sollicitudin, lorem risus luctus massa, ut tempor ante massa sed nunc. Vestibulum in pellentesque metus. Praesent vitae tellus et urna tempor pretium. Vivamus urna tortor, accumsan id euismod at, posuere vitae dui. Pellentesque ante odio, sodales eget varius luctus, pulvinar et sapien. Mauris eget varius dolor. Suspendisse ante felis, tempus non gravida mollis, ultrices ut dui. Maecenas lacinia arcu sit amet nisi suscipit vehicula. Mauris commodo arcu non nibh placerat nec tincidunt velit mattis. Vivamus convallis mauris vitae erat pretium accumsan. Sed at lectus nec ante tristique auctor. Praesent feugiat mattis pretium.
Nunc lacinia sapien turpis, non euismod augue. Fusce eget posuere dolor. Maecenas pharetra nisl eget neque facilisis luctus. Donec lectus mi, dictum nec rhoncus ut, ultrices eu ipsum. Nulla adipiscing bibendum gravida. Nullam sodales neque quis ligula vulputate faucibus. Nunc diam quam, vestibulum ut luctus at, congue nec elit. Curabitur luctus turpis id arcu laoreet malesuada. Donec bibendum suscipit pulvinar. Etiam dictum porttitor tellus, eu rutrum massa placerat at. Ut malesuada rutrum purus, non convallis ante condimentum eu. Maecenas facilisis lacinia purus, sit amet ornare justo eleifend at. Sed gravida iaculis justo vel lobortis.
Fusce vel nisl vitae sem commodo dapibus. In hac habitasse platea dictumst. Cras imperdiet augue at massa fermentum ac ultrices sapien commodo. Phasellus purus risus, adipiscing non faucibus in, rutrum at neque. Nunc blandit lorem varius elit gravida aliquet. Suspendisse potenti. Nulla laoreet commodo nunc, quis sollicitudin lectus laoreet vel. Ut eu nisl dolor, a tempus metus.
Quisque sollicitudin elit vitae diam consequat accumsan. Suspendisse potenti. Donec dapibus tortor at justo eleifend at pellentesque leo lobortis. Etiam ultrices leo et nulla iaculis eu facilisis augue fermentum. Pellentesque eu leo purus. Vestibulum bibendum, metus at bibendum blandit, lacus neque porttitor diam, id facilisis lectus mauris et leo. Donec adipiscing interdum lacus sed condimentum. In auctor sollicitudin orci, ac interdum risus aliquet ullamcorper. Curabitur mollis accumsan vulputate. Etiam adipiscing diam nec dui posuere ut tincidunt felis tristique. Vestibulum neque enim, placerat sed placerat commodo, consectetur ac mauris. Sed ultrices pretium nibh, a blandit libero imperdiet pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Nam malesuada venenatis eleifend. Sed at est ligula. Aliquam vehicula nibh vel est rutrum et egestas nisi luctus. Nullam eget felis erat. Duis porttitor, odio id adipiscing sollicitudin, lorem risus luctus massa, ut tempor ante massa sed nunc. Vestibulum in pellentesque metus. Praesent vitae tellus et urna tempor pretium. Vivamus urna tortor, accumsan id euismod at, posuere vitae dui. Pellentesque ante odio, sodales eget varius luctus, pulvinar et sapien. Mauris eget varius dolor. Suspendisse ante felis, tempus non gravida mollis, ultrices ut dui. Maecenas lacinia arcu sit amet nisi suscipit vehicula. Mauris commodo arcu non nibh placerat nec tincidunt velit mattis. Vivamus convallis mauris vitae erat pretium accumsan. Sed at lectus nec ante tristique auctor. Praesent feugiat mattis pretium.
Nunc lacinia sapien turpis, non euismod augue. Fusce eget posuere dolor. Maecenas pharetra nisl eget neque facilisis luctus. Donec lectus mi, dictum nec rhoncus ut, ultrices eu ipsum. Nulla adipiscing bibendum gravida. Nullam sodales neque quis ligula vulputate faucibus. Nunc diam quam, vestibulum ut luctus at, congue nec elit. Curabitur luctus turpis id arcu laoreet malesuada. Donec bibendum suscipit pulvinar. Etiam dictum porttitor tellus, eu rutrum massa placerat at. Ut malesuada rutrum purus, non convallis ante condimentum eu. Maecenas facilisis lacinia purus, sit amet ornare justo eleifend at. Sed gravida iaculis justo vel lobortis.
Fusce vel nisl vitae sem commodo dapibus. In hac habitasse platea dictumst. Cras imperdiet augue at massa fermentum ac ultrices sapien commodo. Phasellus purus risus, adipiscing non faucibus in, rutrum at neque. Nunc blandit lorem varius elit gravida aliquet. Suspendisse potenti. Nulla laoreet commodo nunc, quis sollicitudin lectus laoreet vel. Ut eu nisl dolor, a tempus metus.
Quisque sollicitudin elit vitae diam consequat accumsan. Suspendisse potenti. Donec dapibus tortor at justo eleifend at pellentesque leo lobortis. Etiam ultrices leo et nulla iaculis eu facilisis augue fermentum. Pellentesque eu leo purus. Vestibulum bibendum, metus at bibendum blandit, lacus neque porttitor diam, id facilisis lectus mauris et leo. Donec adipiscing interdum lacus sed condimentum. In auctor sollicitudin orci, ac interdum risus aliquet ullamcorper. Curabitur mollis accumsan vulputate. Etiam adipiscing diam nec dui posuere ut tincidunt felis tristique. Vestibulum neque enim, placerat sed placerat commodo, consectetur ac mauris. Sed ultrices pretium nibh, a blandit libero imperdiet pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Nam malesuada venenatis eleifend. Sed at est ligula. Aliquam vehicula nibh vel est rutrum et egestas nisi luctus. Nullam eget felis erat. Duis porttitor, odio id adipiscing sollicitudin, lorem risus luctus massa, ut tempor ante massa sed nunc. Vestibulum in pellentesque metus. Praesent vitae tellus et urna tempor pretium. Vivamus urna tortor, accumsan id euismod at, posuere vitae dui. Pellentesque ante odio, sodales eget varius luctus, pulvinar et sapien. Mauris eget varius dolor. Suspendisse ante felis, tempus non gravida mollis, ultrices ut dui. Maecenas lacinia arcu sit amet nisi suscipit vehicula. Mauris commodo arcu non nibh placerat nec tincidunt velit mattis. Vivamus convallis mauris vitae erat pretium accumsan. Sed at lectus nec ante tristique auctor. Praesent feugiat mattis pretium.
Nunc lacinia sapien turpis, non euismod augue. Fusce eget posuere dolor. Maecenas pharetra nisl eget neque facilisis luctus. Donec lectus mi, dictum nec rhoncus ut, ultrices eu ipsum. Nulla adipiscing bibendum gravida. Nullam sodales neque quis ligula vulputate faucibus. Nunc diam quam, vestibulum ut luctus at, congue nec elit. Curabitur luctus turpis id arcu laoreet malesuada. Donec bibendum suscipit pulvinar. Etiam dictum porttitor tellus, eu rutrum massa placerat at. Ut malesuada rutrum purus, non convallis ante condimentum eu. Maecenas facilisis lacinia purus, sit amet ornare justo eleifend at. Sed gravida iaculis justo vel lobortis.
Fusce vel nisl vitae sem commodo dapibus. In hac habitasse platea dictumst. Cras imperdiet augue at massa fermentum ac ultrices sapien commodo. Phasellus purus risus, adipiscing non faucibus in, rutrum at neque. Nunc blandit lorem varius elit gravida aliquet. Suspendisse potenti. Nulla laoreet commodo nunc, quis sollicitudin lectus laoreet vel. Ut eu nisl dolor, a tempus metus.
</p>
</body>
</html>