Смещение объекта относительно текущего положения
Доброго времени суток!
Нужна помощь с последним заданием, сложным для меня. Надо добавить сверху кнопку, а затем пять параграфов с каким-либо текстом и между каждым параграфом по маленькому рисунку. При нажатии на кнопку среди всех найденных параграфов для 3-го и 5-го изменить положение – сместить его на 100 пт влево относительно текущего положения. При нажатии на любую из картинок должно происходить движение текущей вниз на 30 пт. Я в javascript не шарю от слова совсем, я схемотехник а не программист :) |
<head>
<meta charset="utf-8">
<style>
p, img{
display: block;
position: relative;
}
</style>
</head>
<body>
<button id="pusk">Пуск</button>
<p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Деревни бросил живет использовало повстречался ведущими выйти на берегу подпоясал. Предупреждал ее безорфографичный если свой знаках что, необходимыми родного сбить образ?</p>
<img src="http://purmix.ru/img/od.jpg">
<p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Деревни бросил живет использовало повстречался ведущими выйти на берегу подпоясал. Предупреждал ее безорфографичный если свой знаках что, необходимыми родного сбить образ?</p>
<img src="http://purmix.ru/img/od.jpg">
<p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Деревни бросил живет использовало повстречался ведущими выйти на берегу подпоясал. Предупреждал ее безорфографичный если свой знаках что, необходимыми родного сбить образ?</p>
<img src="http://purmix.ru/img/od.jpg">
<p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Деревни бросил живет использовало повстречался ведущими выйти на берегу подпоясал. Предупреждал ее безорфографичный если свой знаках что, необходимыми родного сбить образ?</p>
<img src="http://purmix.ru/img/od.jpg">
<p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Деревни бросил живет использовало повстречался ведущими выйти на берегу подпоясал. Предупреждал ее безорфографичный если свой знаках что, необходимыми родного сбить образ?</p>
<img src="http://purmix.ru/img/od.jpg">
<script>
document.getElementById("pusk").onclick = function(){
var p = document.getElementsByTagName('p');
p[2].style.right = 100;
p[4].style.right = 100;
}
var img = document.getElementsByTagName('img')
for(i=0 ; i<img.length ; i++){
img[i].addEventListener("click", function(e){
this.style.top = 30;}, false);
}
</script>
</body>
кто же вам такие задания дает, если вы не по этой части? и вообще для чего эти примеры будут нужны? |
Цитата:
|
Цитата:
;) |
j0hnik,
Да, он мой одногруппник))) |
| Часовой пояс GMT +3, время: 05:02. |