You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.6 KiB
HTML
74 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Homeostat 4</title>
|
|
<meta http-equiv="refresh" content="5; url=./room_1.html">
|
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
|
<style type="text/css">
|
|
|
|
body {font-family: mono;
|
|
position: relative;
|
|
background-image: url('./img/34.jpg');
|
|
background-position: 950px -30px;
|
|
}
|
|
|
|
h1 {background-color: white;
|
|
width: 215px;
|
|
padding: 6px;}
|
|
|
|
#n1 {width: 228px;
|
|
height: 653px;
|
|
position: absolute;
|
|
left: 986px;
|
|
top: 43px;
|
|
background-position: -178px 0px;}
|
|
|
|
#n2 {width: 292px;
|
|
height: 781px;
|
|
position: absolute;
|
|
left: 1481px;
|
|
top: 36px;
|
|
background-size: 350px 515px;}
|
|
|
|
#n3 {width: 228px;
|
|
height: 489px;
|
|
position: absolute;
|
|
left: 1212px;
|
|
top: 43px;
|
|
background-size: 500px auto;}
|
|
|
|
a#n1:hover {
|
|
background-image: url(./img/19.JPG);
|
|
}
|
|
a#n2:hover {
|
|
background-image: url(./img/26.jpg);
|
|
}
|
|
a#n3:hover {
|
|
background-image: url(./img/5.jpg);
|
|
}
|
|
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<audio autoplay="true" loop="true">
|
|
<source src="../media/sounds/Long/Homeostat/Hom_4.wav" type="audio/wav">
|
|
</audio>
|
|
<h1><a href="./room_4.html" target="_parent">Homeostat 4</a></h1>
|
|
<img id="img1" src="./img/10.jpg">
|
|
<a class="h" id="n1"href=""></a>
|
|
<a class="h" id="n2"href=""></a>
|
|
<a class="h" id="n3"href=""></a>
|
|
|
|
<script type="text/javascript">
|
|
var room = ["living_room.html", "dining_room.html"];
|
|
|
|
function randomInt(){ return Math.ceil(Math.random() * 2)-1; }
|
|
|
|
$('.h').each(function(){
|
|
$(this).attr("href", room[randomInt()] );
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |