Helion dhtml site
Płynna zmiana rozmiarów okna (IE)Andrzej Szewczyk
[strona główna] [skrypty]
Ciekawym pomysłem na efektowne otwarcie strony WWW jest płynna zmiana okna przeglądarki.
Przykład zastosowania otwierania strony w oknie, które roszerza się w pionie jest realizowany kodem. W analogiczny , choć może mniej efektowny sposób można otwierać strony w oknie rozszerzającym się w poziomie (obejrzyj przykład). Przykładowy kod takiej strony.
Scroll pionowy
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var MS = navigator.appVersion.indexOf("MSIE");
var wscroll;
var cursize = 26;
document.title = "chevo DHTML site....czekaj...... ";
window.resizeTo(480,cursize);
window.moveTo(screen.width/2-240,screen.height/2-150);
window.focus();
</SCRIPT>
</HEAD>
<BODY BGCOLOR="White" LEFTMARGIN=10 TOPMARGIN=0 TEXT="Black" LINK="Black" VLINK="Black" SCROLL=NO>
<DIV ID=area STYLE="position:absolute; left:0; top:0;">
<SCRIPT LANGUAGE="JavaScript">
window.onload=show;
function show() {
wshow = window.setTimeout('donow()',500)
}
function donow() {
addsize = document.body.clientHeight;
if (addsize < 0) addsize = 0;
if (document.body.clientHeight < 250) {
cursize = cursize + 2;
window.resizeTo(480,cursize);
area.style.top = addsize - 250;
window.focus();
wscroll = window.setTimeout("donow();",10); }
else {
window.clearTimeout(wscroll);
window.clearTimeout(wshow);
document.title = "chevo DHTML site "; }
}
</HTML>
Scroll poziomy
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var MS = navigator.appVersion.indexOf("MSIE");
var wscroll;
var cursize = 26;
document.title = "chevo DHTML site....czekaj...... ";
window.resizeTo(cursize,640);
window.moveTo(screen.width/2-240,screen.height/2-150);
window.focus();
</SCRIPT>
</HEAD>
<BODY BGCOLOR="White" LEFTMARGIN=10 TOPMARGIN=0 TEXT="Black" LINK="Black" VLINK="Black" SCROLL=NO>
<DIV ID=area STYLE="position:absolute; left:0; top:0;">
<SCRIPT LANGUAGE="JavaScript">
window.onload=show;
function show() {
wshow = window.setTimeout('donow()',500)
}
function donow() {
addsize = document.body.clientHeight;
if (addsize < 0) addsize = 0;
if (document.body.clientWidth < 640) {
cursize = cursize + 2;
window.resizeTo(cursize,640);
area.style.top = addsize - 250;
window.focus();
wscroll = window.setTimeout("donow();",10); }
else {
window.clearTimeout(wscroll);
window.clearTimeout(wshow);
document.title = "chevo DHTML site "; }
}
</HTML>
© Wydawnictwo Helion
Wyszukiwarka
Podobne podstrony:
listart cgi id=22listart cgi id=25listart cgi id=5listart cgi id=24listart cgi id=2listart cgi id=16listart cgi id=26listart cgi id=15listart cgi id=18listart cgi id=4listart cgi id=4listart cgi id=20listart cgi id=7listart cgi id=21listart cgi id=6listart cgi id=10listart cgi id=11listart cgi id=19listart cgi id=28więcej podobnych podstron