jquery-trace/index.html at master · edge-soft/jquery-trace · 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  dir="ltr">
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
	<script src="jquery.trace.js"></script>
	<title>jQuery trace example</title>
	<script type="text/javascript">
		$(function(){
			$('.hello-world').trace();
			$('nav .menu').trace();

		});
	</script>
	<style>
.tracer{background-color: lightblue;z-index: -1;}

ul.menu {list-style: none;margin:0;padding:0;}
.menu li{float: left;padding: 0.5em;}

	</style>
</head>
<body>
	<ul class="hello-world">
		<li>Hello</li>
		<li>World</li>
		<li>Example</li>
	</ul>

	<nav>
		<ul class="menu">
			<li><a href="#">Navigation 1</a></li>
			<li class="selected"><a href="#">Navigation 2</a></li>
			<li><a href="#">Navigation 3</a></li>
			<li><a href="#">Navigation 4</a></li>
			<li><a href="#">Navigation 5</a></li>
		</ul>
	</nav>
</body>
</html>