Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Кликаем по квадрату - он сдвигается и перекрашивается. Как это осуществить? (https://javascript.ru/forum/misc/25135-klikaem-po-kvadratu-sdvigaetsya-i-perekrashivaetsya-kak-ehto-osushhestvit.html)

function 26.01.2012 22:34

Так. Щас напишу.

function 26.01.2012 22:42

<html>
<head>

<script>

 function t()
{var s = document.i1.style;
 s.top = parseInt(s.top)+10 + 'px';}

 function a()
 {var s = document.i1.style;
 s.top = 10 + 'px';}
 
</script>

</head>
<body>

<img name="i1" src="http://sait-raznoe.do.am/pr/1/1.png" style="top : 10px; position: relative;" onclick=t();>

<input type="button" value="начальная позиция" onclick=a();>

</body>
</html>

function 26.01.2012 22:44

Перекрашивание сделайте с помощью подмены картинки.

eval("document.i1.src='http://sait-raznoe.do.am/pr/1/a/2.png'");

Gozar 26.01.2012 23:00

Цитата:

Сообщение от Kaur (Сообщение 153146)
Вместо того, что бы умничать и язвить, лучше бы помогли человеку.

Мы даже не утруждаемся тебе отвечать, снизу есть кнопка стандартного ответа, мы её тыкаем.

Нам плевать что тебе нужно что-то завтра.

Мы все ленивы, когда нужно делать работу за других.

Ты пришел к нам как попрошайка, мы тебя не уважаем.

Тебе сказали: - либо приди как шикарный человек и заплати, либо сделай что-то сам и мы тебе поможем.

Если ты не относишься к перечисленным двум типам людей, то тебе здесь не рады.

Будешь называть javascript - java, мы тебе ещё и штаны порвём.

Kaur 26.01.2012 23:04

СПАСИБО ОГРОМНОЕ. у меня вопрос, какое значение в самом скрипте нужно поменять, что бы он двигался вправо и чуть ниже?

Gozar 26.01.2012 23:19

<html><head><style>#red{width:20px;height:20px;display:block;position:absolute}</style></head><body>
<div id="red" style="top:20px;left:20px;background-color:yellow"></div>
<script>var moo = setInterval(function () {
var cube = document.getElementById('red'),
top = parseInt(cube.style.top), left = parseInt(cube.style.left);
if(top > 100) { cube.style.backgroundColor='red'; clearInterval(moo); }
cube.style.top = (top + 5) +'px';
cube.style.left = (left + 5) +'px';
}, 100)</script></body></html>


Остальное сам допишешь, мну ужо лень.

Kaur 26.01.2012 23:33

Спасибо огромное да сейчас буду думать разбирать все завтра объясниться надо будет, что откуда вытекает.

function 27.01.2012 07:00

<html>
<head>

<script>

var p=1;

 function t() {

  if (p==1) {
 var s = document.i1.style;
 s.top = 20 + 'px';
 s.left= 20 + 'px';
 eval("document.i1.src='http://sait-raznoe.do.am/pr/2/3.png'");
 p=2;}

  else {
 var s = document.i1.style;
 s.top = 10 + 'px';
 s.left= 10 + 'px';
 eval("document.i1.src='http://sait-raznoe.do.am/pr/2/1.png'");
 p=1;}}
 
</script>

</head>
<body>

<img name="i1" src="http://sait-raznoe.do.am/pr/2/1.png" style="top : 10px; left : 10px; position: relative;" onclick=t();>

</body>
</html>


При клике запускается функция t() "onclick=t();". Она проверяет чему равно p "if (p==1) {...} else {...}". В соответствии с этим меняет отступы (top - сверху; left - слева), с помощью DOM. Затем меняет картинку "eval("document.i1.src='http://sait-raznoe.do.am/pr/2/3.png'");" и значение p.

function 27.01.2012 07:02

Но всё нужно продумывать заранее... Особенно создание программ на языках программирования, которые вы незнаете.

Livaanderiamarum 27.01.2012 07:06

Цитата:

Сообщение от function (Сообщение 153209)
Но всё нужно продумывать заранее... Особенно создание программ на языках программирования, которые вы незнаете.

Программировать нужно на визуал визио, а потом записывать в js файлы.


Часовой пояс GMT +3, время: 10:58.