-
Notifications
You must be signed in to change notification settings - Fork 0
/
game.html
150 lines (79 loc) · 3.58 KB
/
game.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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!--
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<title>Animal Quiz</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- on live page use google CDN for scripts
<link rel="styleseet" href="css/reset.css" media="screen" />
<link rel="stylesheet" href="css/grid.css" media="screen" />
<link rel="stylesheet" href="css/default.css" media="screen" />
<!-- JQuery Online
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" media="screen" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<!--validator --
<script type="text/javascript" src="js/validate.js"></script>
<!--<script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'><script>--
<script type="text/javascript" src="js/js.js"></script>
<style type="text/css">
.hidden{visibility:hidden;}
</style>
<script>
/*
function flashit()
{
var myexample = document.getElementById('reg');
if (myexample.style.borderColor=="blue")
myexample.style.borderColor="green" ;
else
myexample.style.borderColor="blue" ;
}
setInterval('flashit()', 500) ;
*/
</script>
</head>
<body>
<div id="header" class="grid_12">
<h1>Animals Quiz</h1>
<span>What things do you know about animals?</span>
</div>
<div class="container_12" style="margin-top:0;">
<div id="main" class="grid_12">
<div style="text-align:center;margin-left:5%;width:90%;" ><a href="#" class="click">click me</a>
<marquee id="scroll" class="hidden">I'll go this way < ---</marquee>
</div>
-->
<div id="about" class="grid_5 ">
<p> Test your knowledge of animals in this fun and addicting quiz<br /> test your score against your freinds </p>
<script>$(function(e) {
e.preventDefault();
// if the function argument is given to overlay,
// it is assumed to be the onBeforeLoad event listener
$("a[rel]").overlay({
mask: 'Darkred',
effect: 'apple',
onBeforeLoad: function() {
// grab wrapper element inside content
var wrap = this.getOverlay().find(".contentWrap");
// load the page specified in the trigger
wrap.load(this.getTrigger().attr("href"));
}
});
});</script>
<a href="game.html" rel="#overlay" style="text-decoration:none">
<!-- remember that you can use any element inside the trigger -->
<button type="button">Show external page in overlay</button>
</a>
<!-- another link. uses the same overlay -->
<a href="external-content2.htm" rel="#overlay" style="text-decoration:none">
<button type="button">Show another page</button>
</a>
<!-- overlayed element -->
<div class="apple_overlay" id="overlay">
<!-- the external content is loaded inside this tag -->
<div class="contentWrap"></div>
</div>
<script src="http://loadus.exelator.com/load/?p=390&g=001&ctg=quizzes&subctg=&kw=&refkw=&gd=" type="text/javascript"></script>