-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexplore.html
49 lines (49 loc) · 2.94 KB
/
explore.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
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<script src="js/snap.svg-min.js"></script>
</head>
<script>
$('.button').click(function() {
alert("here");
});
</script>
<body>
<svg height="110px" width="800px">
<line class="button" x1="4" y1="100" x2="15" y2="78" style="stroke:rgb(117,117,117);" />
<circle cx="4" cy="100" r="3" stroke="black" stroke-width="3" fill="red" />
<line x1="15" y1="78" x2="25" y2="78" style="stroke:rgb(117,117,117);" />
<circle cx="11" cy="88" r="3" stroke="black" stroke-width="3" fill="red" />
<line x1="25" y1="78" x2="45" y2="78" style="stroke:rgb(117,117,117);" />
<line x1="45" y1="78" x2="105" y2="78" style="stroke:rgb(117,117,117);" />
<line x1="105" y1="78" x2="115" y2="78" style="stroke:rgb(117,117,117);" />
<line x1="115" y1="78" x2="165" y2="100" style="stroke:rgb(117,117,117);" />
<line x1="165" y1="100" x2="205" y2="100" style="stroke:rgb(117,117,117);" />
<line x1="205" y1="100" x2="220" y2="90" style="stroke:rgb(117,117,117);" />
<line x1="220" y1="90" x2="280" y2="90" style="stroke:rgb(117,117,117);" />
<line x1="280" y1="90" x2="295" y2="78" style="stroke:rgb(117,117,117);" />
<line x1="295" y1="78" x2="400" y2="78" style="stroke:rgb(117,117,117);" />
<line x1="340" y1="78" x2="360" y2="90" style="stroke:rgb(117,117,117);" />
<line x1="360" y1="90" x2="420" y2="90" style="stroke:rgb(117,117,117);" />
<line x1="420" y1="90" x2="450" y2="78" style="stroke:rgb(117,117,117);" />
<line x1="450" y1="78" x2="490" y2="78" style="stroke:rgb(117,117,117);" />
<line x1="490" y1="78" x2="540" y2="78" style="stroke:rgb(117,117,117);" />
<line x1="540" y1="78" x2="570" y2="78" style="stroke:rgb(117,117,117);" />
<line x1="570" y1="78" x2="600" y2="78" style="stroke:rgb(117,117,117);" />
<line x1="600" y1="78" x2="625" y2="90" style="stroke:rgb(117,117,117);" />
<line x1="625" y1="90" x2="690" y2="100" style="stroke:rgb(117,117,117);" />
<line x1="690" y1="100" x2="700" y2="90" style="stroke:rgb(117,117,117);" />
<line x1="700" y1="90" x2="725" y2="93" style="stroke:rgb(117,117,117);" />
</svg>
<style>
#svg {
width: 800px;
height: 500px;
border:1px solid black;
}
</style>
</body>
</html>