Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
​
<html>
<head>
    <title>Game</title>
    <!--JQuery from online-->
        <script src="http://code.jquery.com/jquery-git2.js"></script>
</head>
​
<body onload="init()">
    
    <!--Page Title-->
    <h1 align="center"><font color="#ECF8E0" size="10">Super Skateboard</h1></font>
    
    <!--Making Tabs-->
<ul class="tabs">
        <li><a href="H:\Desktop\Website\Website.html">Home</a></li>
    <li class="active"><a href="H:\Desktop\Website\Game.html">Game</a></li>
        <li><a href="H:\Desktop\Website\ContactUs.html">Contact Us</a></li>
</ul>
​
<!--CSS for Tabs, bakcground Color and Hover-->
<style>
    *{margin: 0; padding: 0;}
body {background: #999;}
​
.tabs  {margin: 100px 0; background: #000; padding: 50px 50px 29px 50px;}
.tabs li{
    float: left; position: relative;
    list-style-type: none;
}
.tabs a {
    padding: 5px 70px; display: block; 
    background: #ccc;
    text-decoration: none;
    color: #000;
    
    border-radius: 15px 15px 0 0;
}
.tabs .active {z-index: 3;}
.tabs .active a {background: #ECF8E0;}
​
  
.tabs a:hover {
        background:#00FFFF;
        }
    
</style>
​
<!--PARAGRAPH-->
<pre>
<h2 align="center"><font color="#ECF8E0">This is our Game</h2></font>
​
<h2 align="center"><font color="#ECF8E0">Left and Right arrowkeys to Move</h2></font>
</pre>
​
<!-- Centering the canvas-->
    <center>
    <!-- Setting the id and properties of canvas-->
    <canvas id="background" width="800" height="540" style="border:5px solid green"></canvas>
    <!-- Linking Javascript with the HTML-->
    <script src="file:///H:/Desktop/game9/js/game.js"></script>
    </center>
​
</body>
</html>
​
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers