-
Notifications
You must be signed in to change notification settings - Fork 0
/
moviesPage.txt
155 lines (108 loc) · 8.65 KB
/
moviesPage.txt
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
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var cntr = 0;
function yHandler()
{
// Watch video for line by line explanation of the code
// http://www.youtube.com/watch?v=eziREnZPml4
var wrap = document.getElementById('wrap');
var str = '';
var contentHeight = wrap.offsetHeight;
var yOffset = window.pageYOffset;
var y = yOffset + window.innerHeight;
var content = 1;
if(y >= contentHeight && cntr<0)
{
// Ajax call to get more dynamic data goes here
}
var status = document.getElementById('status');
}
window.onscroll = yHandler;
</script>
<style type="text/css">
/*Class Grow*/
.grow {
display: inline-block;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
/*Grow Hover Code*/
.grow:hover, .grow:focus, .grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/*Class Glow*/
.glow {
display: inline-block;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
/*Glow Hover Code*/
.glow:hover, .glow:focus, .glow:active {
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.6);
}
div#status{position:fixed; font-size:24px;}
div#wrap{width:1400px; margin:0px auto;}
div.newData{ background:#FFF; margin:10px 0px;}
</style>
</head>
<body>
<div id="wrap">
<!--Image Area-->
<a href="http://midnightjabber.com/movies/Lucy-2014/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/08/Lucy-Poster.jpg" width=215px height=auto title="" style="margin-left: 5px;" ></a>
<a href="http://midnightjabber.com/movies/godzilla-2014/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/05/Godzillal-Movie.jpg" width=215px height=auto title="" style="margin-left: 26px;" ></a>
<a href="http://midnightjabber.com/movies/amazing-spiderman-2-2014/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/05/Amazing-Spider-Man-Poster-e1400297827296.png" width=215px height=auto title="" style="margin-left: 26px;" ></a>
<a href="http://midnightjabber.com/movies/frozen-2013/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/02/Frozen-2013.jpg" width=215px height=auto title="" style="margin-left: 26px;" ></a>
<a href="http://midnightjabber.com/movies/django-unchained-2012/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/01/Django-Unchained-2012.jpg" width=215px height=auto title="" style="margin-left: 26px;" ></a>
<br>
<!--Text Area-->
<font face="Yanone Kaffeesatz Regular" color="black" size="6">
<div style="width:215px; height:150px; margin-left: 10px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/Lucy-2014/"><font color="black">Lucy (2014)</font></a></div>
<div style="width:215px; height:150px; margin-left: 30px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/godzilla-2014/"><font color="black">Godzilla (2014)</font></a></div>
<div style="width:215px; height:150px; margin-left: 30px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/amazing-spiderman-2-2014/"><font color="black">The Amazing Spider-Man 2 (2014)</font></a></div>
<div style="width:215px; height:150px; margin-left: 30px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/frozen-2013/"><font color="black">Frozen (2013)</font></a></div>
<div style="width:215px; height:150px; margin-left: 30px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/django-unchained-2012/"><font color="black">Django Unchained (2012)</font></a></div>
</font>
<!--Image Area-->
<a href="http://midnightjabber.com/movies/warrior-2011/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/07/Warrior-2011.jpg" width=215px height=auto title="" style="margin-left: 5px;" ></a>
<a href="http://midnightjabber.com/movies/frostnixon2008/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/09/Frost-Nixon-2008.jpg" width=215px height=auto title="" style="margin-left: 26px;" ></a>
<a href="http://midnightjabber.com/movies/role-models-2008/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/03/Role-Models.jpg" width=215px height=auto title="" style="margin-left: 26px;" ></a>
<a href="http://midnightjabber.com/movies/ratatouille-2007/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/07/Ratatouille-2007.jpg" width=215px height=auto title="" style="margin-left: 26px;" ></a>
<a href="http://midnightjabber.com/movies/the-ring-2002/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/09/The-Ring-Poster.jpg" width=215px height=auto title="" style="margin-left: 26px;" ></a>
<br>
<!--Text Area-->
<font face="Yanone Kaffeesatz Regular" color="black" size="6">
<div style="width:215px; height:150px; margin-left: 10px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/warrior-2011/"><font color="black">Warrior (2011)</font></a></div>
<div style="width:215px; height:150px; margin-left: 30px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/frostnixon2008/"><font color="black">Frost Nixon</font></a></div>
<div style="width:215px; height:150px; margin-left: 30px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/role-models-2008/"><font color="black">Role Models (2008)</font></a></div>
<div style="width:215px; height:150px; margin-left: 30px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/ratatouille-2007/"><font color="black">Ratatouille (2007)</font></a></div>
<div style="width:215px; height:150px; margin-left: 30px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/the-ring-2002/"><font color="black">The Ring (2002)</font></a></div>
</font>
<!--Image Area-->
<a href="http://midnightjabber.com/movies/american-psycho-2000/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/10/American-Psycho-Poster.jpg" width=215px height=auto title="" style="margin-left: 5px;" ></a>
<a href="http://midnightjabber.com/movies/truman-show-1998/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/06/The-Truman-Show-1998.jpg" width=215px height=auto title="" style="margin-left: 26px;" ></a>
<a href="http://midnightjabber.com/movies/the-usual-suspects-1995/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/07/The-Usual-Suspects-Poster.jpg" width=215px height=auto title="" style="margin-left: 26px;" ></a>
<a href="http://midnightjabber.com/movies/good-men-1992/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/09/A-Few-Good-Men-1992.jpg" width=215px height=auto title="" style="margin-left: 26px;" ></a>
<a href="http://midnightjabber.com/movies/terminator-2-judgement-day/"><img class = "grow glow" src="http://midnightjabber.com/wp-content/uploads/2014/06/Terminator-2-Judgement-Day.jpg" width=215px height=auto title="" style="margin-left: 26px;" ></a>
<br>
<!--Text Area-->
<font face="Yanone Kaffeesatz Regular" color="black" size="6">
<div style="width:215px; height:150px; margin-left: 10px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/american-psycho-2000/"><font color="black">American Psycho (2000)</font></a></div>
<div style="width:215px; height:150px; margin-left: 30px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/truman-show-1998/"><font color="black">The Truman Show (1998)</font></a></div>
<div style="width:215px; height:150px; margin-left: 30px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/the-usual-suspects-1995/"><font color="black">The Usual Suspects (1995)</font></a></div>
<div style="width:215px; height:150px; margin-left: 30px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/good-men-1992/"><font color="black">A Few Good Men (1992)</font></a></div>
<div style="width:215px; height:150px; margin-left: 30px; margin-top:15px; float: left; position:relative;" ><a href="http://midnightjabber.com/movies/terminator-2-judgement-day/"><font color="black">Terminator 2 : Judgement Day (1991)</font></a></div>
</font>
</body>
</html>