Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script src="jquery-1.11.0.min.js"></script>
- <script src="jquery-migrate-1.2.1.min.js"></script>
- <style>
- body{
- background: black;
- }
- div.close{
- bottom: 10%;
- left: 0;
- position: absolute;
- width: 100%;
- }
- #menu ul{
- list-style-type: none;
- }
- .search{
- border: 2px solid;
- border-color: black;
- border-radius: 25px;
- padding-left: 10;
- padding-top: 5%;
- width: 76%;
- height: 5%;
- overflow: hidden;
- }
- #menu ul li{
- background: -webkit-linear-gradient(white, grey);
- background: -o-linear-gradient(white, grey);
- background: -moz-linear-gradient(white, grey);
- background: linear-gradient(white, grey);
- border: 2px solid;
- border-color: black;
- border-radius: 25px;
- padding-left: 10;
- padding-top: 5%;
- width: 70%;
- height: 5%;
- overflow: hidden;
- }
- #menu{
- background: black;
- width: 15%;
- height: 100%;
- overflow: hidden;
- top: 0;
- left: 0;
- position: absolute;
- }
- #main{
- top: 0;
- left: 5%;
- position: absolute;
- width: 90%;
- height: 100%;
- overflow: hidden;
- background: white;
- }
- #menu-icon{
- top: 0;
- left: 0;
- position: absolute;
- </style>
- <input type="hidden" value="false" id="menu1">
- <input type="hidden" value="false" id="menu2">
- <title id="title">Out and Up</title>
- <script>
- window.addEventListener('load', onLoad);
- $.ajaxSetup ({cache: false});
- function checkMenus(){
- var menu1 = $("#menu1").val();
- var menu2 = $("#menu2").val();
- if(menu1 == "false" && menu2 == "false"){
- }else{
- }
- }
- function updateTitle(){
- var place = 0;
- alert("Hi their");
- if(place == 0){
- $("#title").val() = "Out and Up!";
- place = 1;
- else{
- $("#title").val() = "";
- place = 0;
- }
- }
- function load(place){
- $("#main").hide(500);
- if(place == "home"){
- $("#main").load("pages/home.html");
- }else if(place == "home"){
- $("#main").load("pages/home.html");
- }
- $("#main").hide(0);
- $("#main").show(500);
- hidemenu();
- }
- function showMenu(){
- $("#menu").show(500);
- $("#menu-icon").hide(500);
- }
- function hidemenu(){
- $("#menu").hide(500);
- $("#menu-icon").show(500);
- }
- function onload(){
- $("#menu").hide();
- $("#main").load("pages/index.html");
- setInterval(checkMenus, 1000);
- setInterval(updateTitle, 1000);
- }
- function search(){
- alert("searching!");
- }
- </script>
- <div id="main">
- Sorry... Your browser may not be jQuery compatible
- </div>
- <div id="menu" onmouseout="menu1 = false;">
- <ul>
- <input type="text" id="input" placeholder="Search" style="width: 75%; height: 100%;" class="search"><input type="submit" class="search" id="search" style="width: 10%; height: 100%;" onclick="search();" value=">"><br>
- <li onclick="load('home');">Home</li>
- <li onclick="hidemenu();">Something</li>
- </ul>
- <div class="close">
- <ul>
- <li onclick="hidemenu();">Close menu!</li>
- </ul>
- </div>
- </div>
- <div id="menu-icon">
- <img src="images/menu.png" onclick="showMenu();">
- </div>
- <div id="time"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement