Mobile_Class_Assignments/jQueryClick.html at master · DanielAudino/Mobile_Class_Assignments · 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
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
<html>

<head>

<title>Code Inspector</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"

type="text/javascript"></script>

<style>

#button{

	height:30px; width:100px;

	background-color:#cccc11;

	border-radius: 10px;

}

</style>

<script>

$(document).ready(function() {
	$("#button").one("click", function(){
		$("body").append("I AM AWESOME");
	});
 $("#button").mouseenter(function(){

	   $("body").css("background-color","blue");

	});

   $("#button").mouseout(function(){

 	   $("body").css("background-color","white");

 	});
});

</script>

</head>

<body>

<div id="button"> Show Sources </div>

<h1>Canada</h1>

    <p id="overview"> Land of vast distances and rich natural resources, Canada

      became a self-governing dominion in 1867 while retaining ties to the

      British crown. Economically and technologically the nation has developed

      in parallel with the US, its neighbor to the south across an unfortified

      border. Canada faces the political challenges of meeting public demands

      for quality improvements in health care and education services, as well as

      responding to the particular concerns of predominantly francophone Quebec.

      Canada also aims to develop its diverse energy resources while maintaining

      its commitment to the environment.</p>

</body>

</html>