Почему этот javascript код не работает?

BleSSeD · 27.03.2008, 16:43

<html>
<head>
<title>vov4yk</title>
<style>
DIV { font-size: 72; font-weight: bold}
#div1 {top: 50; left: 50; position: absolute; z-index: 1}
#div2 {top: 50; left: 100; position: absolute; z-index: -1}
#div3 {top: 50; left: 150; position: absolute; z-index: 1}
#div4 {top: 50; left: 200; position: absolute; z-index: -1}
</style>
<script>
var dx, timer;
dx=2;
.
function moveImage() {
livediv.style.pixelLeft += dx;
if (livediv.style.pixelLeft + livediv.style.pixelWidth >= document.body.clientWidth) dx = -dx;
if (livediv.style.pixelLeft <= 0) dx = -dx }

function setupAnimation() {
timer = window.setInterval("moveImage()", 100) }
</script>
</head>
<body onLoad="setupAnimation();">
<div ID="div1">J</div>
<div ID="div2">a</div>
<div ID="div3">v</div>
<div ID="div4">a</div>
<div ID="liveid" STYLE=" top: 70; left: 0; width=30; position: absolute"><img src="tips.gif"></div>
</body>
</html>

По идеи он должен двигать картинку по странице,но у меня почему то не работает

Асмодиан · 27.03.2008, 17:13

вы оперируете элементом livediv - но откуда он у вас?
поищите поиском... он у вас не определён

нужный вам div называется liveid...
И вообще, попробуйте
var livediv = document.getElementById("liveid") первой строчкой функции moveImage
и не стоит в одном файле совмещать скрипты, стили и html (для этого всего лучше использовать раздельные файлы)
кроме того, абсолютная позиция для div-ов (слои) без крайней надобности... извращение
то есть ползающий элемент у вас должен конечно быть с абсолютной позицией, но остальные - нет.
И ещё var-ы не забывайте

Добавлено через 2 минуты

Ну и последнее, поставьте задержку поменьше... (100 - слишком коряво он двигается)

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Почему не работает?	Dmitr	ASP, Perl, PHP и MySQL	0	17.03.2013 16:52
Javascript не работает в мозилле	NoX-XoN	HTML, CSS, JavaScript	4	21.05.2008 17:20
Каким образом Javascript работает с cookies?	sokol666	HTML, CSS, JavaScript	1	21.04.2008 20:35
почему не работает в Оpere и FF	Scrum	HTML, CSS, JavaScript	2	04.12.2006 00:00
Почему не работает wallst.ru	Nielson	Кальянная	3	01.09.2003 20:02

27.03.2008, 16:43	#1
BleSSeD	<html> <head> <title>vov4yk</title> <style> DIV { font-size: 72; font-weight: bold} #div1 {top: 50; left: 50; position: absolute; z-index: 1} #div2 {top: 50; left: 100; position: absolute; z-index: -1} #div3 {top: 50; left: 150; position: absolute; z-index: 1} #div4 {top: 50; left: 200; position: absolute; z-index: -1} </style> <script> var dx, timer; dx=2; . function moveImage() { livediv.style.pixelLeft += dx; if (livediv.style.pixelLeft + livediv.style.pixelWidth >= document.body.clientWidth) dx = -dx; if (livediv.style.pixelLeft <= 0) dx = -dx } function setupAnimation() { timer = window.setInterval("moveImage()", 100) } </script> </head> <body onLoad="setupAnimation();"> <div ID="div1">J</div> <div ID="div2">a</div> <div ID="div3">v</div> <div ID="div4">a</div> <div ID="liveid" STYLE=" top: 70; left: 0; width=30; position: absolute"><img src="tips.gif"></div> </body> </html> По идеи он должен двигать картинку по странице,но у меня почему то не работает

27.03.2008, 17:13	#2
Асмодиан	вы оперируете элементом livediv - но откуда он у вас? поищите поиском... он у вас не определён нужный вам div называется liveid... И вообще, попробуйте var livediv = document.getElementById("liveid") первой строчкой функции moveImage и не стоит в одном файле совмещать скрипты, стили и html (для этого всего лучше использовать раздельные файлы) кроме того, абсолютная позиция для div-ов (слои) без крайней надобности... извращение то есть ползающий элемент у вас должен конечно быть с абсолютной позицией, но остальные - нет. И ещё var-ы не забывайте Добавлено через 2 минуты Ну и последнее, поставьте задержку поменьше... (100 - слишком коряво он двигается) Последний раз редактировалось Асмодиан; 27.03.2008 в 17:14.. Причина: Добавлено сообщение

Опции темы
Версия для печати Отправить по электронной почте