Форум

function · #11 (**permalink**) 26.01.2012, 22:34

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

function · #12 (**permalink**) 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 · #13 (**permalink**) 26.01.2012, 22:44

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

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

Gozar · #14 (**permalink**) 26.01.2012, 23:00

Сообщение от Kaur

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

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

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

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

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

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

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

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

Kaur · #15 (**permalink**) 26.01.2012, 23:04

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

Gozar · #16 (**permalink**) 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 · #17 (**permalink**) 26.01.2012, 23:33

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

function · #18 (**permalink**) 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 · #19 (**permalink**) 27.01.2012, 07:02

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

Livaanderiamarum · #20 (**permalink**) 27.01.2012, 07:06

Сообщение от function

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

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

Форум

Справочник

Discord чат

Курсы javascript