Java




Полезные функции и скрипты - часть 5


Теперь попробуем поместить на веб-страничку «бегущую строку». Это можно сделать, например, так: <HTML> <HEAD> <TITLE> Движущееся приветствие в строке status браузера </TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function scrollit_r2l(seed) { var m1 = " С днем рождения, программер! "; var m2 = " Вас приветствует сайт www.yahoo.com ;-) "; var msg=m1+m2; var out = " "; var c = 1; if (seed > 100) { seed--; var cmd="scrollit_r2l(" + seed + ")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 100 && seed > 0) { for (c=0 ; c < seed ; c++) { out+=" "; } out+=msg; seed--; var cmd="scrollit_r2l(" + seed + ")"; window.status=out; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 0) { if (-seed < msg.length) { out+=msg.substring(-seed,msg.length); seed--; var cmd="scrollit_r2l(" + seed + ")"; window.status=out; timerTwo=window.setTimeout (cmd,100); } else { window.status=" "; timerTwo=window.setTimeout ("scrollit_r2l(100)",75); } } } //----> </SCRIPT> </HEAD> <BODY background="" bgcolor=white text=#000000 link=#0000FF vlink=#8000FF alink=#FF0000 onLoad= "timerONE=window.setTimeout('scrollit_r2l(100)',500);"> <BASEFONT size=3> <CENTER> <H3> С днем рождения, программер!</H3> </CENTER> <P> <SMALL>Если вы используете IE5, Opera 3.x/5 или Navigator 6, обратите внимание на строку, где отображается состояние загрузки странички ;-) <BR><HR> </BODY> </HTML>

В данном случае строка приветствия отображается в строке состояния браузера. Не очень внимательный пользователь может его и не заметить. Лучше разместить приветствие непосредственно в окне браузера. Например, используя такой код: <HTML> <HEAD> <TITLE> Движущееся приветствие в окне браузера.</TITLE> </HEAD> <BODY background="" bgcolor=white text=#000000 link=#0000FF vlink=#8000FF alink=#FF0000> <TABLE border=1 cellpadding=8 width=468 bordercolor=#B4B8BE> <TR> <TD bgcolor=#E8EDF3 valign=top align=CENTER> <FONT size=2 color=#77A0D7><b> <MARQUEE width=100% direction=left behavior=scroll loop=infinite scrollamount=2 scrolldelay=20> <A href=http://www.yahoo.com target=_blank> С днем рождения, программер! Вас приветствует сайт www.yahoo.com ;-) </A></MARQUEE></B></FONT> </TD></TR></TABLE> </BODY> </HTML>




Содержание  Назад  Вперед