bootstrap.pull-down.js/sandbox.html at master · misak113/bootstrap.pull-down.js · 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
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />

		<link href="build/css/bootstrap.pull-down.css" rel="stylesheet" media="screen">
		<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
		<link href="bootstrap.icon/css/bootstrap.icon.css" rel="stylesheet" media="screen">
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
		<script src="build/js/bootstrap.pull-down.js"></script>
		<script type="text/javascript">
			$(document).ready(function () {
				$.pullDown.start();
			});
		</script>
	</head>
	<body>
		<div class="pull-down">
			<a href="#" class="work"><i class="indicator-click icon-refresh icon-large"></i></a>
			<i class="indicator icon-down-arrow icon-large"></i>
			<i class="indicator-working icon-roundabout icon-large"></i>
			<span class="pulled-label">Uvolněním aktualizovat</span>
			<span class="pull-label">Stažením aktualizovat</span>
			<span class="default-label">Kliknutím aktualizovat</span>
			<span class="working-label">Aktualizuji</span>
			<button type="button" class="close stop"><i class="icon-large icon-remove-2"></i></button>
		</div>
		<div style="height: 300px; background-color: #FFFFFE;" class="well">
			Some text of page
		</div>
	</body>
</html>