Windows. Internet Explorer 6.0+, Firefox 1.0+, Google Chrome, Opera 9.0+ [1]. Safari 3.1+, SeaMonkey 1.0+.
Linux. Firefox 1.0+, Chromium, Opera 9.0+ [2]. SeaMonkey 1.0+.
1. Контейнерът е центрирано, ако разделителната способност е равна или по-голяма от 1024х768 - [отворен страница Пример]
2. Контейнерът е центрирано, ако разделителната способност е равна или по-голяма от 1024х768 + висене на мишката върху връзката в един от елементите на съдържанието на страницата - [отворен страница Пример]
HTML / XHTML. код:
2. Тялото на този елемент създава страница А ниво на (сиво) блок С изрично определени размери, например, 800 на 500 пиксела и относително позициониране. [Резултати].
HTML / XHTML. код:
HTML / XHTML. код:
ако (wresolution> = 1024 hresolution> = 768)
Var element_A = window.getComputedStyle (document.getElementById ( "element_A"), " ');
document.getElementById ( "element_A) .style.left = (W-element_A_width) / 2 +" пиксела ";
document.getElementById ( "element_A) .style.top = (H-element_A_height) / 2 +" пиксела ";
document.getElementById ( "element_A) .style.left = (W2-element_A_width) / 2 +" пиксела ";
document.getElementById ( "element_A) .style.top = (h2-element_A_height) / 2 +" пиксела ";
HTML / XHTML. код:
HTML / XHTML. код:
Ние считаме, че най-простия случай - да се демонстрира възможността на принципите си - динамичните промени в позицията на елемента в прозореца се вижда браузър.
В първия случай
Състояние. ако разделителната способност на екрана е равна или по-голяма от 1024 х 768 пиксела, а след това се приведе в съответствие със съдържанието на ширината на страницата и височината
А въвежда елемент с изрично е посочено ширина и височина. Тя е определена от резолюция на екрана - определен набор стойност, която ще служи като състоянието, при което програмата ще бъде задействана, например - 1024x768. Ако скриптът открие, че резолюцията на екрана е равна или по-голяма от 1024 х 768 пиксела, а след това работи до края на функцията, която установи, размерите (дефинирани във външен стил файл на CSS свойства) елемент А. ширината и височината на видимата област на прозореца на браузъра. Използването на получения брой се изчислява на базата на разстоянието от левия и горния ръб на видимата област на прозореца на браузъра трябва да се остави и горния ръб на елемента, което би било елемент А. е подравнен с центъра на ширината и височината. По отношение на броя и CSS, това е мястото, където CSS собственост "ляво" елемент на A е равен на половината от разликата между ширината на видимата област на прозореца на браузъра и ширината на елемент А. и CSS собственост на "отгоре" елемент на A е равен на половината от разликата между видимата област на височината на прозореца на браузъра и височината на елемент ,
Тъй като потребителят може да промените размера на прозореца на браузъра, след зареждането на страницата, на пистата се променя прозорец на браузъра. И с всяка промяна, функция, която е притегателно място за елемент, ширината и височината, се управлява от един нов и отново изравнява елемент в центъра, ширината и височината на новия размер на видимата област на прозореца на браузъра.
Вторият случай
Състояние. ако разделителната способност на екрана е равна или по-голяма от 1024 х 768 пиксела, а когато движите мишката върху линка в елемент А. След това приведе съдържанието на ширината на страницата и височината
Тъй като потребителят може да промените размера на прозореца на браузъра, след зареждането на страницата, както и в първия случай, проследяват промените в размера на прозореца на браузъра. И с всяка промяна, функция, която е притегателно място за елемент, ширината и височината, се управлява от един нов и отново изравнява елемент в центъра, ширината и височината на новия размер на видимата област на прозореца на браузъра.
По принцип делата започващи с Opera 7.5, но с грешки на определен брой пиксели.
По принцип делата започващи с Opera 7.5, но с грешки на определен брой пиксели.
Свързани статии