Применяется Java-сценарий, в результате выполнения которого одно окно плавно перемещается слева направо вдоль другого окна. При этом Вы должны создать две HTML-страницы, одна из которых содержит Java-сценарий динамического управления отображения данных, а вторая страница вместе со всем ее содержимым будет плавно перемещаться вдоль 1-й страницы.
Вот список из 4-х основных переменных для управления отображением данных:
messageurl
содержит путь к внешнему документу для его загрузки и отображения
(в примере: "sample1-2.htm")
offset_top
величина смещения для начала анимации данных относительно верхнего края браузера
(в пикселах, в примере: 1)
offset_left
величина смещения для начала анимации данных относительно левого края браузера, должна быть отрицательной и большей, чем ширина внешнего документа (в пикселах,
в примере: -300).
speed
Скорость премещения данных, чем больше значение, тем быстрее скорость (в примере: 4).
onoff
Переменная, позволяющая Вам отключить эффект перемещения данных вдоль экрана
("on" - перемещение выполняется, "off" - перемещения не присходит).
Инструкция:
Шаг 1.
В тэг <head> Вашей управляющей HTML-страницы вставьте следующий код:
// укажите Вашу внешнюю HTML-страницу для отображения данных
var messageurl="sample1-2.htm"
// здесь указаны начальные координаты анимации данных:
// величины смещения относительно верха и относительно левого края экрана
var offset_top=1
var offset_left=-300
// укажите скорость отображения данных (чем больше, тем быстрее)
var speed=4
// значение "off" используется для отмены перемещения
var onoff="on"
function readymessage(){
if (onoff=="off")
return
downloaddata()
externalmessage.style.top=offset_top
externalmessage.style.left=offset_left
movemessage()
}
function movemessage(){
if (externalmessage.style.pixelLeft<=document.body.clientWidth)
externalmessage.style.pixelLeft+=speed
else{
externalmessage.style.visibility="hidden"
return
}
moveit=setTimeout("movemessage()",50)
}
function pausemessage(){
clearTimeout(moveit)
}
function resumemessage(){
if (!externalmessage.contains(event.toElement))
movemessage()
}
function hidemessage(){
externalmessage.style.visibility="hidden"
}
function downloaddata(){
// По умолчанию для загрузки внешнего файла использован метод startDownload, который доступен только в IE 5!
// Затем вызывается метод, управляющий отображением данных displaydata()
Шаг 3.
Создайте вторую HTML-страничку "sample1-2.htm", в которой можно разместить любые свои данные.
Будьте внимательным с выбором пути, так как в данном примере обе HTML-страницы находятся в одном и том же каталоге.