Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.05.2012, 02:24
Интересующийся
Отправить личное сообщение для Tini2n Посмотреть профиль Найти все сообщения от Tini2n
 
Регистрация: 24.05.2012
Сообщений: 11

Игра на jQuery
Здравствуйте, знающие!

У меня к вам вопрос.
Передо мной встала задача в университете, которую попросил реализовать преподаватель, а я застрял и не могу её решить. Я надеюсь Вы мне поможете.

Суть вопроса такова.
Есть 7 ячеек. В первых трех - черные шарики, в последних трех - белые. Задача. Реализовать вроде бы как "игру", которая будет заключаться в том, что бы по очереди передвинуть черные шарики на место белых, а белые - на место черных. Шарики могут "перепрыгивать" друг через друга и ходить только в пустую ячейку.

Вот что я сумел "наваять"

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="js/jquery.js"></script>
<style>
.black {background-color:#000;
border:1px solid black}
.white {background-color:white;
border:1px solid black}
.empty {background-color:white;}
.l {
	display:block;
	width:100px;
	height:100px;
	float:left;
	margin-right:10px;
	border-radius:50px;}
</style>
</head>
<body>
<div class="main">
<div class="1 l black"><a class="left" href="#"><-</a>&nbsp<a href="#" class="right">-></a></div>
<div class="2 l black"><a class="left" href="#"><-</a>&nbsp<a href="#" class="right">-></a></div>
<div class="3 l black"><a class="left" href="#"><-</a>&nbsp<a href="#" class="right">-></a></div>
<div class="4 l"></div>
<div class="5 l white"><a class="left" href="#"><-</a>&nbsp<a href="#" class="right">-></a></div>
<div class="6 l white"><a class="left" href="#"><-</a>&nbsp<a href="#" class="right">-></a></div>
<div class="7 l white"><a class="left" href="#"><-</a>&nbsp<a href="#" class="right">-></a></div>
</div>

<script>

    $(".l.black a.right").click(function () {
        $('.l').next().addClass('black');
    });

    $(".l.white a.left").click(function () {
        $('.l').prev().addClass('white');
    });

</script>

</body>
</html>


Заранее благодарю.
Ответить с цитированием
  #2 (permalink)  
Старый 24.05.2012, 02:28
Интересующийся
Отправить личное сообщение для Tini2n Посмотреть профиль Найти все сообщения от Tini2n
 
Регистрация: 24.05.2012
Сообщений: 11

Я подумал, что самым неплохим вариантом, будет смена стилей у блоков, но тут ещё один вопрос. Как включить "поочередность" передвижения, мол сначала белые, а потом черные и т.д.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамически загружаемая jQuery и jQuery-функции в одном файле 67bytes Общие вопросы Javascript 6 06.03.2013 09:01
2 разных модуля на jQuery - как подключить? finder jQuery 4 23.03.2012 22:29
jQuery jTreeMenu plugin Seafnox jQuery 9 12.01.2010 21:55
Игра орел или решка на jquery. В любом случаи выводит вы проиграли! Dimaz jQuery 4 25.12.2009 15:04
JQuery + FireFox NOOB jQuery 4 02.11.2009 18:16