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.
93 lines
1.8 KiB
HTML
93 lines
1.8 KiB
HTML
5 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Home</title>
|
||
|
|
<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/28.jpg');
|
||
|
|
background-position: -11px -97px;
|
||
|
|
background-size: 1991px;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {background-color: white;
|
||
|
|
width: 215px;
|
||
|
|
padding: 6px;}
|
||
|
|
|
||
|
|
#n1 {width: 296px;
|
||
|
|
height: 895px;
|
||
|
|
position: absolute;
|
||
|
|
left: 66px;
|
||
|
|
top: 125px;
|
||
|
|
background-position: -178px 0px;}
|
||
|
|
|
||
|
|
#n2 {width: 291px;
|
||
|
|
height: 741px;
|
||
|
|
position: absolute;
|
||
|
|
left: 378px;
|
||
|
|
top: 270.3px;
|
||
|
|
background-size: 350px 515px;;}
|
||
|
|
|
||
|
|
#n3 {width: 276px;
|
||
|
|
height: 779px;
|
||
|
|
position: absolute;
|
||
|
|
left: 1112px;
|
||
|
|
top: -9px;
|
||
|
|
background-size: 500px auto;}
|
||
|
|
|
||
|
|
#n4 {width: 566px;
|
||
|
|
height: 409px;
|
||
|
|
position: absolute;
|
||
|
|
left: 1373px;
|
||
|
|
top: 483px;
|
||
|
|
background-size: 500px auto;}
|
||
|
|
|
||
|
|
#n5 {width: 276px;
|
||
|
|
height: 200px;
|
||
|
|
position: absolute;
|
||
|
|
left: 1382px;
|
||
|
|
top: -9px;
|
||
|
|
background-size: 500px auto;}
|
||
|
|
|
||
|
|
a#n1:hover {
|
||
|
|
background-image: url(./img/17.jpg);
|
||
|
|
}
|
||
|
|
a#n2:hover {
|
||
|
|
background-image: url(./img/21.jpg);
|
||
|
|
}
|
||
|
|
a#n3:hover {
|
||
|
|
background-image: url(./img/22.jpg);
|
||
|
|
}
|
||
|
|
a#n4:hover {
|
||
|
|
background-image: url(./img/28.jpg);
|
||
|
|
}
|
||
|
|
a#n5:hover {
|
||
|
|
background-image: url(./img/26.jpg);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<a class="h" id="n1"href="basement.html"></a>
|
||
|
|
<a class="h" id="n2"href="basement.html"></a>
|
||
|
|
<a class="h" id="n3"href="basement.html"></a>
|
||
|
|
<a class="h" id="n4"href="room_4.html"></a>
|
||
|
|
<a class="h" id="n5"href="basement.html"></a>
|
||
|
|
<script type="text/javascript">
|
||
|
|
setPageM();
|
||
|
|
setvideo();
|
||
|
|
|
||
|
|
var room = ["kitchen.html", "bathroom.html","short_corridor.html"];
|
||
|
|
|
||
|
|
function randomInt2(){ return Math.ceil(Math.random() * 3); }
|
||
|
|
|
||
|
|
$('a').each(function(){
|
||
|
|
$(this).attr("href", room[randomInt2()] );
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|