Кликаем по квадрату - он сдвигается и перекрашивается. Как это осуществить?
Уважаемые Форумчане.
Мне необходимо сделать html-страницу c красным желтым по центру. Если по нему кликнуть, то он сдвигается немного правее и ниже и становится красным. При повторном клике он должен сдвинуться и перекраситься обратно. как ее делать и в каком направлении двигаться не знаю. Заранее Спасибо всем. Необходим сам код. |
Цитата:
Судя по вашему сообщению, вы ну совсем не знаете javascript. Освойте основы языка и вопрос отпадет сам, полностью или частично. А с чем не справитесь - поможем. На сайте javascript можно начать изучать с учебника, раздел Основы javascript. Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/ Задавайте конкретные вопросы по ходу дела. |
Надо сохранать это)
|
Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
|
Вы просите готовый скрипт с нуля.
Это работа, и за нее обычно платят деньги. Для таких сообщений предназначен раздел форума "Работа". Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела. |
Цитата:
КАК? я не знаю. поэтому прибегаю к таким методам. Я сам хочу разораться и понять как это работает, что бы завтра мог что то объяснить, а не тупо сидеть и мычать. Начитавшись разных учебников я создал, если это можно так назвать, следующее: <html> <head> <script language="JavaScript"> var hor=0; var ver=0; // step = величина шага var step=5; function downright () { ver+=step hor+=step if { document.move.top = ver ; document.move.left = hor ;} else { document.all.move.style.top = ver ; document.all.move.style.left= hor ;} } function begin () { ver=0 hor=0 if { document.move.top = ver ; document.move.left = hor ;} else { document.all.move.style.top = ver ; document.all.move.style.left= hor ;} } </script> </head> <body> <center><div id="move" style="position:relative; left:0px; top:0px; width:200px; height:50px"><img src="....\red.gif" width="150" height="150" border=0></div></center> <form><center> <input type="button" value="Исходная позиция" onclick="begin();"> <input type="button" value="Вправо-Вниз" onclick="downright();"> </center></form> </body> </html> |
Мне понадобится, я обязательно пойду учиться. Но повторюсь сроки поджимают, поэтому так получается. я заинтересован в дальнейшем изучении данного языка.
|
Так. Щас напишу.
|
<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>
|
Перекрашивание сделайте с помощью подмены картинки.
eval("document.i1.src='http://sait-raznoe.do.am/pr/1/a/2.png'"); |
Цитата:
Нам плевать что тебе нужно что-то завтра. Мы все ленивы, когда нужно делать работу за других. Ты пришел к нам как попрошайка, мы тебя не уважаем. Тебе сказали: - либо приди как шикарный человек и заплати, либо сделай что-то сам и мы тебе поможем. Если ты не относишься к перечисленным двум типам людей, то тебе здесь не рады. Будешь называть javascript - java, мы тебе ещё и штаны порвём. |
СПАСИБО ОГРОМНОЕ. у меня вопрос, какое значение в самом скрипте нужно поменять, что бы он двигался вправо и чуть ниже?
|
<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>
Остальное сам допишешь, мну ужо лень. |
Спасибо огромное да сейчас буду думать разбирать все завтра объясниться надо будет, что откуда вытекает.
|
<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. |
Но всё нужно продумывать заранее... Особенно создание программ на языках программирования, которые вы незнаете.
|
Цитата:
|
| Часовой пояс GMT +3, время: 11:00. |