Показать сообщение отдельно
  #4 (permalink)  
Старый 06.06.2011, 14:13
Новичок на форуме
Отправить личное сообщение для mihalab Посмотреть профиль Найти все сообщения от mihalab
 
Регистрация: 06.06.2011
Сообщений: 3

послушался вашему мнению и выкинул скрипт. написал сам. на компе, в виде html страничке работает нормально. при прикручивании к cms, бабочка летать не хочет. я думаю, что косяк где-то со слоями. через margin-top и left смещается слой, а вот через скрипт не хочет

<script language="JavaScript">
var Tmax=50; //время в мс между смещениями бабочек
var incX = 5; //шаг смещения по горозинтали
var incY = 5; //шаг смещения по вертикали
var directionY1 = 0; //направление полета. 0-вниз, 1-вверх
var directionX1 = 0; //направление полета. 0-вправо, 1-влево
function move()
{
bater1.style.top = y1;
bater1.style.left = x1;
alert(WindowHeight);
if ((y1>0) && (y1<WindowHeight-bater1.clientHeight-5))
{
if(directionY1==0)
{
y1=y1+incY;
bater1.style.top=y1;
}
else
{
y1=y1-incY;
bater1.style.top=y1;
}
}
else
{
if(directionY1==0)
{
directionY1=1;
y1=y1-incY;
bater1.style.top=y1;
}
else
{
directionY1=0;
y1=y1+incY;
bater1.style.top=y1;
}
};

if ((x1>0) && (x1<WindowWidth-bater1.clientWidth-5))
{
if(directionX1==0)
{
x1=x1+incX;
bater1.style.left=x1;
}
else
{
x1=x1-incX;
bater1.style.left=x1;
}
}
else
{
if(directionX1==0)
{
directionX1=1;
x1=x1-incX;
bater1.style.left=x1;
}
else
{
directionX1=0;
x1=x1+incX;
bater1.style.left=x1;
}
};
setTimeout("move()", Tmax);
}
</script>
<div id="bater1" style="position:absolute; z-index: 100;">
<img src="http://bater.ru/novosibirsk/templates/butterfly/images/flying_bater.gif" border="0"></div>
<script language="JavaScript">
var bater1 = document.getElementById("bater1")
var WindowHeight=document.body.clientHeight;
var WindowWidth=document.body.clientWidth;
var x1 = Math.floor(Math.random() * (WindowWidth-bater1.clientWidth));
var y1 = Math.floor(Math.random() * (WindowHeight-bater1.clientHeight));
bater1.style.left=x1;
bater1.style.top=y1;
move();
</script>
Ответить с цитированием