The code contains some JS as well (designer's notes included in .html):
<!DOCTYPE html>
<html>
<header>
<script type="text/javascript">
//
// Description: Randomly change background color every 5 seconds
//
// NewcWare 1997
// Author: Scott Newcomer 3/1997
// Email: nuke@bright.net
//
function setbackground()
{
window.setTimeout( "setbackground()", 5000); // 5000 milliseconds delay
var index = Math.round(Math.random() * 9);
var ColorValue = "FFFFFF"; // default color - white (index = 0)
if(index == 1)
ColorValue = "FFCCCC"; //peach
if(index == 2)
ColorValue = "CCAFFF"; //violet
if(index == 3)
ColorValue = "A6BEFF"; //lt blue
if(index == 4)
ColorValue = "99FFFF"; //cyan
if(index == 5)
ColorValue = "D5CCBB"; //tan
if(index == 6)
ColorValue = "99FF99"; //lt green
if(index == 7)
ColorValue = "FFFF99"; //lt yellow
if(index == 8)
ColorValue = "FFCC99"; //lt orange
if(index == 9)
ColorValue = "CCCCCC"; //lt grey
document.getElementsByTagName("body")[0].style.backgroundColor = "#" + ColorValue;
}
</script>
<body onload="setbackground();">
</header>
<body>
<h1 style="align: midlle; background-color: red;"> Here we are</h1>
<table style="width:100%">
<caption>IMDB 2015 Top 5 Movies</caption>
<tr>
<th>Movie Name:</th>
<th>IMDB Star rating</th>
</tr>
<tr>
<td style="text-align: center;"><a href="https://www.imdb.com/title/tt3774694/?ref_=adv_li_i">Love</a></td>
<td style="text-align: center;">6</td>
</tr>
<tr>
<td style="text-align: center;"><a href="https://www.imdb.com/title/tt2395427/?ref_=adv_li_i">Avegers: Rise of Ultron</a></td>
<td style="text-align: center;">7.3</td>
</tr>
<tr>
<td style="text-align: center;"><a href="https://www.imdb.com/title/tt3170832/?ref_=adv_li_i">Room</a></td>
<td style="text-align: center;">8.2</td>
</tr>
<tr>
<td style="text-align: center;"><a href="https://www.imdb.com/title/tt1392190/?ref_=adv_li_i">Mad Max: Fury Road</a></td>
<td style="text-align: center;">8.1</td>
</tr>
<tr>
<td style="text-align: center;"><a href="https://www.imdb.com/title/tt3460252/?ref_=adv_li_i">The Hateful Eight</a></td>
<td style="text-align: center;">7.8</td>
</tr>
</table>
<img src="https://m.media-amazon.com/images/M/MV5BMTQzNDUwODk5NF5BMl5BanBnXkFtZTgwNzA0MDQ2NTE@._V1_UY268_CR4,0,182,268_AL_.jpg" alt="Love cover shot"><img src="https://m.media-amazon.com/images/M/MV5BMTM4OGJmNWMtOTM4Ni00NTE3LTg3MDItZmQxYjc4N2JhNmUxXkEyXkFqcGdeQXVyNTgzMDMzMTg@._V1_UX182_CR0,0,182,268_AL_.jpg" alt="Avengers 2"><img src="https://m.media-amazon.com/images/M/MV5BMjE4NzgzNzEwMl5BMl5BanBnXkFtZTgwMTMzMDE0NjE@._V1_UX182_CR0,0,182,268_AL_.jpg" alt="Room cover"><img src="https://m.media-amazon.com/images/M/MV5BN2EwM2I5OWMtMGQyMi00Zjg1LWJkNTctZTdjYTA4OGUwZjMyXkEyXkFqcGdeQXVyMTMxODk2OTU@._V1_UX182_CR0,0,182,268_AL_.jpg" alt="Mad Max cover"><img src="https://m.media-amazon.com/images/M/MV5BMjA1MTc1NTg5NV5BMl5BanBnXkFtZTgwOTM2MDEzNzE@._V1_UX182_CR0,0,182,268_AL_.jpg" alt="Hateful 8 cover">
</body>
</html>
No comments:
Post a Comment