Логотип сайта
 web-мастеруускорителиинтересные программыразноессылкиобмен ссылками
анимацияутилитычасы и времяпоявление картинкиэффекты с фономразвлеченияменю
Поиск на сайте
Анимация

Статус-строки

Заголовка окна

Текста

Статус-строка -- это строка внизу браузера, где после окончания загрузки страницы Вы видите слово Готово в русскоязычной версии браузера или Done в англоязычной версии.

Т.к. некоторые скрипта довольно велики, то я поместил их в отдельный файл,  а здесь поместил лишь ссылку на него. Это значительно уменьшило размер данной странички, а следовательно и время её загрузки..

Для того, чтобы вместо слова Готово в статус-строке был Ваш текст, вставьте следующий скрипт между тегами <body>...</body>:

<script language="JavaScript">
<!--
window.defaultStatus="ХХХХХХХ";
// -->
</script>

Вместо ХХХХХХХ вставьте свой текст

Текст строки состояния прокручивается справа налево.

Вставте между тегами <head> и </head> этот код:

<script LANGUAGE="JavaScript">
function spacer(pos) {
// Simple routine to generate spaces
var space = "";
for (var i = 0; i < pos; i++)
space += " ";
return space;
}
function scrollStatus() {
// Verify that there is a message to scroll.
if (null != message) {
with (message) {
// Restart message.
if (position < -text.length)
position = maxSpace;
// Scroll words off left edge.
if (position < 0) {
position--;
window.status = text.substring(-position);
}
else {
// Output preliminary spaces.
window.status = spacer(position--) + text;
}
}
}
}
function initMessage() {
// Constructor for message object
// Message to display is a required argument.
this.text = document.body.getAttribute("message");
// The speed is optional.
if (null != arguments[0])
this.speed = arguments[0];
else
this.speed = 10;
// Initial number of prefix spaces
this.maxSpace = 130;
this.position = maxSpace;
// Start timer.
this.timer = setInterval("scrollStatus()", this.speed);
return this;
}
</script>

Вместо тега <body> вставьте

<body ONLOAD="message = initMessage(10);" message="ХХХХХХХ">

где вместо ХХХХХХХ вставьте свой текст, который будет крутиться.

Посмотреть пример

Текст строки состояния появляется не сразу, а по одной букве.

В тег <body> вставьте onload="start()", а между тегами <body>...</body> :

<script language="JavaScript"><!--
// Hiding
var letters= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9","A", "Б", "В", "Г", "Д", "Е", "Ж", "З", "И", "Й", "К", "Л", "М", "Н", "О", "П", "Р", "С", "Т", "У", "Ф", "Х", "Ч", "Щ", "У", "Я","a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z","!","@","#","$","%","^","&","*","(",")","_","-","+","=","<",">","/","?","®","©")
var smessage=""
var message= new Array();
var msg=0;
message[0]='ХХХХХХХ'
message[1]='ХХХХХХХ'
message[2]='ХХХХХХХ'
message[3]='ХХХХХХХ'
message[4]='ХХХХХХХ'
message[5]='ХХХХХХХ'
function start(){
for (y=0; y<message[msg].length; y++){
for (x=0; x<20; x++){
rnum=Math.random();
rnum*=letters.length-1
rnum=Math.round(rnum)
window.status=smessage+letters[rnum]
for (del=0; del<20; del++){}
}
smessage+=message[msg].substring(y,y+1)
window.status=smessage;
}
window.setTimeout('clrdspl()',5000);
}
function clrdspl(){
smessage="";
window.status="";
if (msg<message.length-1){
msg++;
start();
}
else{
msg=0;
window.setTimeout('start()',2000)
}
}
// Done Hiding
// --></script>

где вместо ХХХХХХХ вставьте свои сообщения, которые будут появляться в строке состояния.

Посмотреть пример

Мерцающий текст статус-строки

Вставте между тегами <head> и </head> этот код:

<script language="JavaScript">
<!--

var yourwords="
ХХХХХХХ";
var speed=600; var control=1;
function flash(){if (control==1){window.status=yourwords;control=0}
else{window.status="";control=1}setTimeout("flash();",speed)};
flash();

//-->
</script>

Вместо ХХХХХХХ вставьте свой текст, который будет мерцать.

Посмотреть пример

Буквы текста статус-строки вылетают по одной справа

Скачать скрипт

Вставте этот код между тегами <head> и </head>. В тег <body> вставьте onLoad="snapSetup()". Вместо ХХХХХХХ вставьте свой текст, который будет вылетать.

Посмотреть пример

Буквы текста статус-строки вылетают все сразу справа

Скачать скрипт

Вставте этот код между тегами <head> и </head>. Вместо ХХХХХХХ вставьте свои сообщения (их может быть сколько угодно), которые будут вылетать в статус-строке.

Посмотреть пример

Буквы текста статус-строки вылетают все сразу справа

Скачать скрипт

Вставте этот код между тегами <head> и </head>. Вместо ХХХХХХХ вставьте свои сообщения, которые будут вылетать в статус-строке.

Посмотреть пример

Текст статус-строки изменяется при наведении курсора на ссылку

Вставьте в тег <a> следующее:

onMouseOver="status='ХХХХХХХ';return true"
onMouseOut="status='ZZZZZZZ' ;return true"

Вместо ХХХХХХХ вставьте текст, который будет появляться в статус-строке при наведении курсора на ссылку, а ZZZZZZZ -- при снятии.

Пример:

Наведите на меня курсор

HTML-скрипт этого примера:

<a href="http://babylon1.narod.ru"
onMouseOver="status='Вы навели курсор на ссылку';return true"
onMouseOut="status='Вы убрали с ссылки курсор' ;return true"><strong>Наведите
на меня курсор</strong></a>

Хостинг от uCoz