Плавающее окно

 

 

 

 

 
RSS
 
 
На главную | Контакты | Карта сайта | Регистрация доменов | Cотовая связь | Учебник PHP | Интернет |  

Плавающее окно

   

Консультация юриста

Ваш регион:
Ваше имя:

Ваш телефон

(можно сотовый)

Ваш вопрос (можно кратко)



 
handОграничения:Microsoft Internet Explorer 5.0+.

Описание:

Применяется Java-сценарий, в результате выполнения которого одно окно плавно перемещается слева направо вдоль другого окна. При этом Вы должны создать две HTML-страницы, одна из которых содержит Java-сценарий динамического управления отображения данных, а вторая страница вместе со всем ее содержимым будет плавно перемещаться вдоль 1-й страницы.
Вот список из 4-х основных переменных для управления отображением данных:
messageurl содержит путь к внешнему документу для его загрузки и отображения
(в примере: "sample1-2.htm")
offset_top величина смещения для начала анимации данных относительно верхнего края браузера
(в пикселах, в примере: 1)
offset_left величина смещения для начала анимации данных относительно левого края браузера, должна быть отрицательной и большей, чем ширина внешнего документа (в пикселах,
в примере: -300).
speed Скорость премещения данных, чем больше значение, тем быстрее скорость (в примере: 4).
onoff Переменная, позволяющая Вам отключить эффект перемещения данных вдоль экрана
("on" - перемещение выполняется, "off" - перемещения не присходит).

                                                        

Инструкция:

Шаг 1.
В тэг <head> Вашей управляющей HTML-страницы вставьте следующий код:
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<title>Пример плавающего окна</title>

<IE:Download ID="marqueedata" STYLE="behavior:url(#default#download)" />
<span id="externalmessage" style="position:absolute;" onMouseover="pausemessage()" onMouseout="resumemessage()" src="sample1-2.htm">
</span>

<script language="JavaScript1.2">
/*

// укажите Вашу внешнюю 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()

marqueedata.startDownload(messageurl,displaydata)
}

function displaydata(data){
//display the downloaded file inside externalmessage
externalmessage.innerHTML=data
}

</script>

</head>

Шаг 2.
В тэг <body> этой же страницы поместите следующий код:
<body style="width:100%;overflow-x:hidden;overflow-y:scroll" onLoad="if (document.all&&window.print) readymessage()">
</>
Шаг 3.
Создайте вторую HTML-страничку "sample1-2.htm", в которой можно разместить любые свои данные.
Будьте внимательным с выбором пути, так как в данном примере
обе HTML-страницы находятся в одном и том же каталоге.


На главную | Карта сайта | Windows 7 | Windows Registry | Stop-экраны | Update for Windows | Файл настроек .htaccess | Всё для мобильного телефона |
 

po gonn © 2004 "JULI'S BEEHIVE"