UPDATE: Thank you everyone, I finally figured out that it was the API causing the issue. Even though I downloaded the files to avoid server requests, I will switch to using https instead.
I have a couple of questions.
Why isn't my code functioning properly? I am attempting to create a splash screen that starts off green and transitions to a red background when clicked.
Can someone explain what this
is used for exactly? I understand that it links to jQuery code, but I need more specifics.<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
Here is my HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
<script type='text/javascript' src='anim.js'></script>
<title></title>
</head>
<body>
<div id="splash">
</div>
</body>
</html>
My CSS Styles:
#splash {
z-index: 100;
position: absolute;
background-color: #82a43a;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
body {
background-color: red;
}
The jQuery Script:
$("#splash").click(function() {
$(this).fadeOut();
});