nLoader/index.html at master · abalsam/nLoader · GitHub

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>nLoader - Demo</title>
	<link href="css/demoPage.css"  type="text/css" rel="stylesheet" />
</head>
<body>
	<script type="text/javascript" src="js/jQuery.js"></script>
	<script type="text/javascript" src="js/jQueryUi.js"></script>
	<script type="text/javascript" src="js/nLoader.js"></script>

	<div id="wrapper">
		<img src="http://development.nedeco.de/blog/wp-content/uploads/2011/07/dev.png" alt="" />
		<div id="heading"><span style="color:#cbd95e;">n</span>Loader - Demosite</div>
		<div id="loaderBox" style="float:left;margin-left:120px;">&nbsp;</div>

		<div id="loaderBox2" style="float:left;margin-left:270px;">&nbsp;</div>

	</div>

	<script type="text/javascript">
	<!--

		$(document).ready(function() {
					$("#loaderBox").nLoader({jqueryui: false,prefix:'nedeco'});
		});
		$(document).ready(function() {
					$("#loaderBox2").nLoader({
						baseColor: '#eeeeee',
						activeColor: '#c9d75e',
						frequence: '300ms',
						size: 25,
						prefix: 'nedeco2',
						jqueryui: true
					});
		});
					//-->
	</script>
</body>
</html>