Тема: Animate [jQuery]
Показать сообщение отдельно
  #6 (permalink)  
Старый 06.08.2012, 12:45
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<html>
<head>
	<title></title>
	<!--<link rel = "stylesheet" href = "style.css" />-->
<style type="text/css">

html, body {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
div#container {
	width:100%;
	height:100%;
}
div#footer {
	width:100%;
	height: 5%;
	min-height:50px;
	background: #7B68EE;
}
div#content {
	width:80%;
	height:100%;
	min-width: 680px;
	max-width: 680px;
	min-height: 800px;
	background: #FFDAB9;
	position: relative;
	margin:0px auto;
}
div#main {
	width:100%;
	height:95%;
	min-height: 680px;
	background: #0000CD;
}
div#machine {
	width:80px;
	height: 5%;
	min-height:50px;
	background: #1C1C1C;
	position: absolute;
	left:0px;
}
div#pistol {
	background: red;
	position: absolute;
	width:10px;
	height: 20px;
	left:35px;
}
.pifpaf {
	width:10px;
	height: 10px;
	left:0px;
	top:920px;
	position: absolute;
	background: green;
	border-radius: 50%;
}
.enemy {
	width:20px;
	height: 20px;
	left:0px;
	top:0px;
	position: absolute;
	background: yellow;
}

</style>

	<script type="text/javascript" src = "logic.js"></script>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body onkeydown="GetKey(event);" onload = "RandomAttack();">
	<div id = "container">
		<div id = "content">
			<div id = "main">
				<div id = "bullet">

				</div>
			</div>
			<div id = "footer">
				<div id = "machine" onclick="fly()"> 
					<div id = "pistol"> </div>
				</div>
			</div>
		</div>
	</div>
<script>
var ThisTimId;
ThisTimId = setInterval(
	function() { 
		if($(".pifpaf:last").css("top") >= "400px" && $(".pifpaf").css("top") <= "405px") alert(1);
	}, 10);

var i = 0;
function GetKey (event) {
  var key = event.keyCode;
  var left = $("#machine").css("left");
  if(key == 39 && left != "600px") {
    $("#machine").animate({"left": "+=30px"}, 1);
  }
  if(key == 37 && left != "0px" ) {
    $("#machine").animate({"left": "-=30px"}, 1);
  }
  if(key == 38) {
    i++;
    var _left = $("#pistol").css("left"); 
    var summ = parseInt(_left) + parseInt(left);
    $("#main").append("<div class = 'pifpaf'id = 'pifpaf" + i +"'style = 'left:" + summ + "'></div>");
    $("#pifpaf" + i).animate({"top": "-=800px"}, 5000);
  }
}
function getRandom(){
  return (Math.floor(Math.random() * 9) % 2);
}

function GenerateArray(){
  var map = new Array();
  for(var i = 0; i < 20; i++) {
    map[i] = new Array();
    for(var j = 0; j < 4; j++) {
      map[i][j] = getRandom();
    }
  }
}
function RandomAttack () {
  var _left = 35;
  var _top = 0;
  $("#main").append("<div class = 'enemy' style = 'left:"+ _left +"''></div>");
  var map = new Array();
  for(var i = 0; i < 20; i++) {
    map[i] = new Array();
    for(var j = 0; j < 4; j++) {
      map[i][j] = getRandom();
    }
  }
  var it = 0;
  for(var i = 0; i < 20; i++) {
    for(var j = 0; j < 4; j++) {
        if(it == 20) {
          it = 0;
          _top += 30;
          _left = 35;
        }
        it++;
        $("#main").append("<div class = 'enemy' style = 'left:"+ _left +";top:"+ _top +"'></div>");
        _left += 30;
    }
  }
}

</script>
</body>
</html>

Не запускается - Возможно из-за этого
<script type="text/javascript" src = "logic.js"></script>
Т.е летящего объекта - не вижу

Последний раз редактировалось Deff, 06.08.2012 в 16:21.
Ответить с цитированием