Központosított segítségével javascript és css

Windows-t. Internet Explorer 6.0+, Firefox 1.0+, Google Chrome, Opera 9.0 [1]. Safari 3.1+, SeaMonkey 1.0+.

Linux. Firefox 1.0+, króm, Opera 9.0 [2]. SeaMonkey 1.0+.

1. A tartály középre, ha a képernyő felbontása egyenlő vagy nagyobb, mint 1024x768 - [Open-oldal Példa]

2. A tartály középre, ha a képernyő felbontása egyenlő vagy nagyobb, mint 1024x768 + Egérhúzás a linkre egyik eleme a tartalmát az oldal - [Open-oldal Példa]

HTML / XHTML. kód:

2. A test ezen elemének létrehoz egy oldalt (szürke), blokk C szint kifejezetten megadva méretei, például, 800 500 pixel és relatív elhelyezése. [Eredmény].

HTML / XHTML. kód:

ha (wresolution> = 1024 hresolution> = 768)

var element_A = window.getComputedStyle (document.getElementById ( 'element_A'), '');

document.getElementById ( 'element_A') .style.left = (W-element_A_width) / 2 + 'px';

document.getElementById ( 'element_A') .style.top = (h-element_A_height) / 2 + 'px';

document.getElementById ( 'element_A') .style.left = (w2-element_A_width) / 2 + 'px';

document.getElementById ( 'element_A') .style.top = (h2-element_A_height) / 2 + 'px';

HTML / XHTML. kód:

Úgy véljük, a legegyszerűbb esetben - annak bizonyítására lehetőségét neki elvei - a dinamikus változások helyzetben az elem a látható böngészőablakban.

Az első esetben

Állapotban. ha a képernyő felbontása nagyobb vagy egyenlő, mint 1024 x 768 pixel, majd igazítsa össze a tartalmát az oldal szélessége és magassága

A létrehoz egy elem kifejezetten megadva szélesség és magasság. Által meghatározott képernyő felbontás - egy bizonyos értéket, amely szolgál majd a feltételt, amelynek a szkript indul, például - 1024x768. Ha a szkript észleli, hogy a képernyő felbontása nagyobb vagy egyenlő, mint 1024 x 768 pixel, majd futtassa a többi funkció, amely megállapítja a méretei (meghatározott külső fájlt stílus a CSS tulajdonságok) elemet A. szélességét és magasságát a látható terület a böngésző ablakot. A kapott számot kiszámítása a távolság a bal és a felső széle a látható tartomány a böngésző ablak kell hagyni, és a felső széle az elem, amely lenne elem A. egy vonalba esik a központtól a szélessége és magassága. Ami a számokat és a CSS, ez az, ahol CSS tulajdonság „bal” eleme a felével egyenlő a különbség a szélessége a látható terület a böngésző ablakot, és a szélessége az elem A. és CSS tulajdonság „top” eleme a felével egyenlő a különbség a látható terület a böngésző ablakot magasság és a magassága az elem egy .

Mivel a felhasználó megváltoztathatja a méretét a böngésző ablakot, miután az oldal betöltésekor, a változások nyomon követése egy böngészőablakban. És minden változást, a funkció, amely központosítja az A, a szélesség és a magasság, fut egy új és újra összhangba hozza az A elem a központban, a szélesség és a magasság az új méret a látható terület a böngésző ablakot.

A második eset

Állapotban. ha a képernyő felbontása nagyobb vagy egyenlő, mint 1024 x 768 pixel, és amikor az egér hover a kapcsolatot az elem A. illessze a tartalmát az oldal szélessége és magassága

Mivel a felhasználó megváltoztathatja a méretét a böngésző ablakot, ha az oldal betöltődik, mint az első esetben, a változások követése, a böngésző ablak méretét. És minden változást, a funkció, amely központosítja az A, a szélesség és a magasság, fut egy új és újra összhangba hozza az A elem a központban, a szélesség és a magasság az új méret a látható terület a böngésző ablakot.

Elvileg a munkálatok kezdve Opera 7.5, de hibákat egy bizonyos számú pixel.

Kapcsolódó cikkek

előző ◈ a következő