HTML
function banMove()
{
w=document.body.clientWidth; // øèðèíà îêíà ïîëüçîâàòåëÿ
h=document.body.clientHeight; // âûñîòà îêíà ïîëüçîâàòåëÿ
banH=100; // øèðèíà áàíåðà
banW=200; // âûñîòà áàíåðà
scrollA=document.body.scrollTop; // øèðèíà ïðîêðóòêè äîêóìåíòà
scrollB=document.body.scrollLeft; // âûñîòà ïðîêðóòêè äîêóìåíòà
document.getElementById('ban').style.top=scrollA+((h/2)-(banH/2)) // âû÷èñëÿåì öåíòð äîêóìåíòà ïî X
document.getElementById('ban').style.left=scrollB+((w/2)-(banW/2)) // âû÷èñëÿåì öåíòð äîêóìåíòà ïî Y
}
âûçûâàåì:
HTML
<body onscroll='banMove()' onload='banMove()' onresize='banMove()'>
<div id=ban style="z-index:100;width:200px;height:100px;position:absolute;"> êîä äëÿ âñòàâêè ôëåøêè </div>
íåáîëüøèå ïîÿñíåíèÿ îòíîñèòåëüíî
scrollA+((h/2)-(banH/2)) :
h/2 åòî ïåðåìåííàÿ âûñîòû ýêðàíà áðàóçåðà ïîäåëåííàÿ ïîïîëàì, òîåñòü ïîëó÷àåöà ñåðåäèíà ïî âåðòèêàëè(Y).
banH/2 åòî âûñîòà áàíåðà, ïîäåëåííàÿ ïîïîëàì, òîåñòü òîæå ñåðåäèíà áàíåðà âî âåðòèêàëè.
(h/2)-(banH/2) åòî êîîðäèíàòà îáùåãî öåíòðà åêðàíà è áàíåðà (â ìîìåíò âûçîâà ñòðàíèöû)
scrollA+((h/2)-(banH/2)) åòî êîîðäèíàòà îáùåãî öåíòðà áðàóçåðà è áàíåðà òîëüêî óæå â íåçàâèñèìîñòè îò òîãî íà ñêîëüêî ïðîêðó÷åíà ñòðàíèöà, âñåðàâíî âû÷èñëÿåöà öåíòð. (scrollA - åòî ðàññòîÿíèå îò âåðõà ÑÀÉÒÀ äî âåðõà ÎÒÎÁÐÀÆÅÍÈß ÑÀÉÒÀ  ÁÐÀÓÇÅÐÅ, ïëþñ êîîðäèíàòà öåíòðà ÎÒÎÁÐÀÆÅÍÈß ÑÀÉÒÀ  ÁÐÀÓÇÅÐÅ, è òîãî òî÷íî ñåðåäèíà).
òîæå ñàìîå ñ øèðèíîé áðàóçåðà.
òåïåðü íà ñ÷åò
<body onscroll='banMove()' onload='banMove()' onresize='banMove()'>âûçûâàåì íàøó ôóíêöèþ ïðè çàãðóçêå ñòðàíèöû(
onload), ïðè ïðîêðóòêå ñòðàíèöû(
onscroll), è ïðè èçìåíåíèè ðàçìåðîâ îêíà áðàóçåðà(
onresize)
òåïåðü íà ñ÷åò
<div id=ban style="z-index:100;width:200px;height:100px;position:absolute;">z-index íóæåí äëÿ óêàçàíèÿ óðîâíÿ îòîáðàæåíèÿ ñëîÿ â html (òîæå ñàìîå ÷òî è swapDepth â ôëåø), ïîñòàâèòü 100 âïîëíå äîñòàòî÷íî, ÷òîáû áàíåð áûë ïî âåðõ âñåãî ñîäåðæèìîãî ñòðàíèöû.
position:absolute íóæíà äëÿ òîãî ÷òîáû óêàçàòü ÷òî êîîðäèíàòû ñëîÿ áóäóò ïðîåêòèðîâàòüñÿ îòíîñèòåëüíî íà÷àëû êîîðäèíàò ñàéòà (òîåñòü âíåçàâèñèìîñòè îò òîãî ãäå åòîò ñëîé íàïèñàí).
òàê æå åñòü ïàðàìåòð relative êîòîðûé ãîâîðèò î òîì ÷òî ïðîåêòèðîâàíèå êîîðäèíàò ñëîÿ áóäóò îòíîñèòåëüíî êîîðäèíàò òîãî ýëåìåíòà â êîòîðîì åòîò ñëîé íàïèñàí. íàïðèìåð åñëè îí èäåò â äðóãîì ñëîå, òî è êîîðäèíàòû áóäóò îòíîñèòåëüíî x0y0 òîãî ñëîÿ. íî â íàøåì ïðèìåðå îáÿçàòåëüíî íóæíî çíà÷åíèå absolute.
Öèòàòà
Òàê ÷òî ìîäåðàòîðû äóìàéòå ïðåæäå ÷åì ïèñàòü âñÿêóþ õðåíü
íå ó÷è ìåíÿ ÷å ìíå äåëàòü.