-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
32 lines (22 loc) · 1.15 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Vanilla JavaScript Examples </title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="wrapper"><!-- contains entire page -->
<h1>JavaScript Examples</h1>
<p>A small repo for students.</p>
<ul>
<li><a href="dom_example.html">dom_example.html</a> — Content blocks that open and close (show and hide) when something is clicked.</li>
<li><a href="dom_example_v2.html">dom_example_v2.html</a> — (version 2) Uses a pure JS script that matches jQuery slideUp, slideDown, slideToggle. It just looks better when DIVs slide open and closed.</li>
<li><a href="overlay.html">overlay.html</a> — Content that appears on top of other content; overlays are also called modals.</li>
</ul>
<p><a href="https://github.com/macloo/vanilla-js-events">Code on GitHub.</a></p>
<p>Also see the <a href="http://bit.ly/mm-js-events">links to DOM and JavaScript Events Code Examples/Demos</a> on JSFiddle. These are each small and simple examples.</p>
</div><!-- close wrapper -->
</body>
</html>