Описание примера анимации текста

Пример текста, который перемещается вокруг экрана.

Ограничения: Netscape 4.0+ или Microsoft Internet Explorer 4.0+.

Описание:

Это небольшой Java-сценарий, в результате выполнения которого сообщение перемещается вокруг окна экрана вашего посетителя. Вы можете свое сообщение связать с конкретным URL, точно установить скорость мультипликации и определить, должно ли сообщение исчезнуть после n-й секунды. Обратите внимание, что в Demo-версии сообщение не исчезает и движется постоянно.

Инструкция:

Шаг 1.
В тэг <head> Вашей HTML-страницы вставьте следующий код:

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<title>Пример анимации текста</title>

Шаг 2.
В тэг <body> поместите следующий код:

<body>
<script language="JavaScript1.2">

/*
Библиотека скриптов Юрия Сергеева, http://www.crosswinds.net/~ysergeev/money.htm
EMail: ysergeev@mail.ru
*/

//Ниже задаем значения 3-х переменных

//1) Задаем содержимое текстового сообщения, его размер и цвет, делаем привязку к конкретному URL :
var thecontent=' <h2><font color="#0000FF"><a target="_blank" href="http://www.crosswinds.net/~ysergeev/money.htm"> Web-дизайн, полезные советы: -> Нажимай!</a></font></h2>'

//2) Устанавливаем задержку между появлением и скрытием сообщения, в миллисекундах (в этом примере этот параметр не задан, то есть создается постоянная видимость на экране)
var hidetimer='';

//3) Устанавливаем скорость анимации в диапазоне от 1 до 50
var BallSpeed = 2;

///Дальше ничего НЕ изменяйте !///

var contentWidth;
var contentHeight;
var maxBallSpeed = 50;

var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;

function initializeBall() {
if (document.all) {
xMax = document.body.clientWidth
yMax = document.body.clientHeight
document.all("supertext").style.visibility = "visible";
contentWidth=supertext.offsetWidth
contentHeight=supertext.offsetHeight
}
else if (document.layers) {
xMax = window.innerWidth;
yMax = window.innerHeight;
contentWidth=document.supertext.document.width
contentHeight=document.supertext.document.height
document.layers["supertext"].visibility = "show";
}
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}

function moveBall() {
if (superballRunning == true) {
calculatePosition();
if (document.all) {
document.all("supertext").style.left = xPos + document.body.scrollLeft;
document.all("supertext").style.top = yPos + document.body.scrollTop;
}
else if (document.layers) {
document.layers["supertext"].left = xPos + pageXOffset;
document.layers["supertext"].top = yPos + pageYOffset;
}
animatetext=setTimeout('moveBall()',20);
}
}

function calculatePosition() {
if (xDir == "right") {
if (xPos > (xMax - contentWidth - BallSpeed)) {
xDir = "left";
}
}
else if (xDir == "left") {
if (xPos < (0 + BallSpeed)) {
xDir = "right";
}
}
if (yDir == "down") {
if (yPos > (yMax - contentHeight - BallSpeed)) {
yDir = "up";
}
}
else if (yDir == "up") {
if (yPos < (0 + BallSpeed)) {
yDir = "down";
}
}
if (xDir == "right") {
xPos = xPos + BallSpeed;
}
else if (xDir == "left") {
xPos = xPos - BallSpeed;
}
else {
xPos = xPos;
}
if (yDir == "down") {
yPos = yPos + BallSpeed;
}
else if (yDir == "up") {
yPos = yPos - BallSpeed;
}
else {
yPos = yPos;
}
}

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}

</script>

</body>

Источник материалов: http://dynamicdrive.com/

При использовании материалов обязательна ссылка на
http://www.crosswinds.net/~ysergeev/money.htm

Пример текста, который перемещается вокруг экрана.

Хостинг от uCoz