-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
27 lines (21 loc) · 1.17 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Use CSS to create growing Bubbles</title>
<link href="/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Object Oriented Approach to Bubble pops -->
<!-- JavaScript is used to create an instance of a new class of Bubble, passing
the circle properties. jQuery creates an html element with applied css properties
and common css class properties, this is prepended into the html body tag. -->
<!-- A setTimeout JavaScript function is called for a timed display of bubble pops
where the draw method is used applying css properties to grow a circle and
further css properties to shrink the circle also a timed event. -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!--safe guard if external sources fail rely on local fallback -->
<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
<script type="text/javascript" src="/js/script.js"></script>
</body>
</html>