Главная » 2009 » Сентябрь » 21 » Текст слетается от всех углов в центр экрана (Javascript)
21.09.2009, 16:31

Текст слетается от всех углов в центр экрана



На скрине этого не покажешь. Вообщем текст выскакивает из разных углов монитора и собирается в центре, в определенном порядке.

Это ставим в head:

Code
<style>.fpunkte {
  FONT-FAMILY: Arial, Helvetica, sans-serif; POSITION: absolute; TOP: -200px
}
</style>

Это в body:

Code
<body aLink="#ff0000" bgColor="#000000" link="#0000ff" onload="init()" text="#ffffff" vLink="#7f007f">
<script>
  var delay=20;
  function moveit(was, startx, starty, endx, endy, steps, wait)
  {
  if(wait && wait>0)
  setTimeout('moveit("'+was+'",'+startx+','+starty+','+endx+','+endy+','+steps+','+(wait-1)+')', delay);
  else
  {
  if(document.layers)
  {
  document.layers[was].left=startx;
  document.layers[was].top=starty;
  }
  else
  {
  document.all[was].style.left=startx;
  document.all[was].style.top=starty;
  }
  startx+=(endx-startx)/steps;
  starty+=(endy-starty)/steps;

  if(steps>0)
  setTimeout('moveit("'+was+'",'+startx+','+starty+','+endx+','+endy+','+(steps-1)+')', delay);
  }
  }
  function init()
  {
  if(navigator.appName=="Netscape")
  {
  var w=innerWidth;
  var h=innerHeight;
  } else
  {
  var w=document.body.offsetWidth;
  var h=document.body.offsetHeight;
  }
  var mw=w/2;
  var mh=h/2;

  moveit("f1", mw-0, -100, mw-160, 29, 30, 20);  
  moveit("f2", -0, 0, mw-10, 80, 40);  
  moveit("f3", w, 100, mw-120, 140, 60, 0);  
  moveit("f4", w, 0, mw-80, 230, 40);  
  moveit("f5", 100, h+10, mw-115, 280, 20);  
  }
  </script>
<div class="fpunkte" id="f1"
style="BACKGROUND: red; COLOR: white; FONT-SIZE: 52px; WIDTH: 10px" align="center">

<p>Ваш текст</p>
</div><div class="fpunkte" id="f2" style="FONT-SIZE: 28px" align="center">

<p>Ваш текст</p>
</div><div class="fpunkte" id="f3" style="FONT-SIZE: 40px" align="center">

<p><font color="#FFFF00"><small><small><small>Ваш текст</small></small></small></font></p>
</div><div class="fpunkte" id="f4" style="FONT-SIZE: 22px" align="center">

<p><font color="#00FF80">Ваш текст</font></p>
</div>

"Ваш текст" меняем на свой текст

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 1983 | Добавил: antisept | Рейтинг: 3.0/1 |
Теги: Текст слетается от всех углов в цен
Всего комментариев: 1
0  
1 max7sme   (23.06.2010 23:26) [Материал]
Аватар пользователя
Чёт я походу не верно ставлю, но у меня лишний текст сверху высвечивается,но не бегает! Ща ещё пробовать буду

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]