arenaFight/index.html at master · RibRibble/arenaFight · GitHub

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
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>Arena Fight!</title>
    <script type="text/javascript" src= 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
    <script type="text/javascript">
        $(document).ready(function(){
            console.log('jQuery is up and running');
            $("img").hide(function(){


            })
            $("button").hover(function(){
//                $("#beach").hide("#beachimg")
            })


    })
    </script>
</head>
<body>

    <div id="selector">
    <h1>Select Arena</h1>
    <button id="beach">beach</button>
    <button id="planet">planet</button>
    <button id="dojo">dojo</button>
    <button id="forest">forest</button>
    <button id="matrix">matrix</button>
    <button id="snow">snow</button>
    </div>
    <div id="arenapics">
        <img src="beach.jpg" id="beachimg" alt="beach">
        <img src="earth.jpg" id="planetimg" alt="earth">
        <img src="dojo.jpg" id="dojoimg" alt="dojo">
        <img src="forest.jpg" id="forestimg" alt="forest">
        <img src="matrix.jpg" id="matriximg" alt="matrix">
        <img src="snow.jpg" id="snowimg" alt="snow">
    </div>
</body>
</html>