Чтобы отключить РЕКЛАМУ,нажмите НЕ крестик на "ОТКЛЮЧИТЬ РЕКЛАМУ",
а малюсенькую кнопочку CLOSE (ЗАКРЫТЬ).Так учит uCoz.

?iaaen.Iao?eea
Вернуться

Пример 4: Все вместе:*случайные картинки*, бегущая строка, электронные часы


Итак, здесь объединены пример 1, пример 2, пример 3. No comment.
Вот текст примера 4:


<html>
<head>
<TITLE>ПРИМЕР 4: Случайно выбранные картинки, бегущие строки + часы </TITLE>
</head>
<BODY>
<!--BEGIN OF ОПИСАНИЕ ФУНКЦИИ ЭЛЕКТРОННЫХ ЧАСОВ-->
<script language="JavaScript">
<!--
function vrema()
{
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();
var seconds = now.getSeconds();
switch (hour) {
case 0: 
case 1: 
case 2: 
case 3: 
case 4: 
case 5: 
case 6: 
case 7: 
case 8: 
case 9: 
hour1='0'+hour;
break;
default:
hour1=hour; 
}
switch (minute) {
case 0: 
case 1: 
case 2: 
case 3: 
case 4: 
case 5: 
case 6: 
case 7: 
case 8: 
case 9: 
minute1='0'+minute;
break;
default:
minute1=minute; 
}
switch (seconds) {
case 0: 
case 1: 
case 2: 
case 3: 
case 4: 
case 5: 
case 6: 
case 7: 
case 8: 
case 9: 
seconds1='0'+seconds;
break;
default:
seconds1=seconds; 
}
document.frm.clock.value=hour1+':'+minute1+':'+seconds1;
timerID = setTimeout("vrema()", 1000); 
}
// --> 
<!--END OF ОПИСАНИЕ ФУНКЦИИ ЭЛЕКТРОННЫХ ЧАСОВ-->
<!--
var timerID = null;
var timerRunning = false;
var id,pause=0,position=0;
<!--BEGIN OF ФУНКЦИЯ БЕГУЩАЯ СТРОКА-->
<!--BEGIN OF ОПИСАНИЕ ФУНКЦИИ СЛУЧАЙНО ВЗЯТОЙ БЕГУЩЕЙ СТРОКИ и случайной картинки-->
function goRands() {
var nums = 9; //количество бегущих строк и картинок
mymsgs = new Array();
mymsgs[0] = " Добрый день! Хочу ВИСКАС! ";
mymsgs[1] = " Привет! Консервы МИЛЫЙ КОТИК - это чудо!       ";
mymsgs[2] = " Ваша киска купила бы сосиску!    ";
mymsgs[3] = " Ките Кэт - мое любимое блюдо! ";
mymsgs[4] = " Хочу чего-нибудь вкусненького!                ";
mymsgs[5] = " Очень есть хочется!       ";
mymsgs[6] = " Больше не играю!     ";
mymsgs[7] = " Мыши - это что-то! ";
mymsgs[8] = " Что Вам здесь нужно?                  ";
myalts = new Array();
myalts[0] = " Котик ";
myalts[1] = " Киса ";
myalts[2] = " Муси-Пуси ";
myalts[3] = " Кыся ";
myalts[4] = " Кошка ";
myalts[5] = " Хитрюга ";
myalts[6] = " Киска ";
myalts[7] = " Злодеище ";
myalts[8] = " Кошак ";
myImages = new Array();
myImages[0] = "cat1.gif";
myImages[1] = "cat2.gif";
myImages[2] = "cat3.gif";
myImages[3] = "cat4.gif";
myImages[4] = "cat5.gif";
myImages[5] = "cat6.gif";
myImages[6] = "cat7.gif";
myImages[7] = "cat8.gif";
myImages[8] = "cat9.gif";
rands = Math.floor(Math.random() * nums);
current_str = mymsgs[rands];
current_alt = myalts[rands];
current_image = myImages [rands];
}
<!--END OF ОПИСАНИЕ ФУНКЦИИ СЛУЧАЙНО ВЗЯТОЙ БЕГУЩЕЙ СТРОКИ и случайной картинки-->
&l;!-- id=setTimeout("ticker()",2000/10); }-->
function ticker(){
var i, k; 
var msg = current_str;
  k=(75/msg.length)+1;
  for(i=0;i<=k;i++) msg+=" "+msg;
  document.form2.ticker.value=msg.substring(position,position+100);
  if(position++==65) position=0;
  id=setTimeout("ticker()",2000/10); }

function action(){
  if(!pause){
    clearTimeout(id);
    pause=1;
  }
  else{
    ticker();
    pause=0;
  }
}
// -->
>/SCRIPT>
<!--END OF ФУНКЦИИ ДЛЯ  БЕГУЩЕЙ СТРОКИ-->
<!--НАЧАЛАСЬ БЕГУЩАЯ СТРОКА-->
<script> 
goRands();
</script> 
<body onload=ticker()  ;">
<!--<p align="center"><font size="5"><em><b>В</b></em></font>ы видите бегущую строку.</p>-->
<!--<p align="center">-->
<FORM name=form2>
  <div align="left">
    <INPUT name=ticker size=42>
  </div>
</FORM>
</body>
<!--ЗАКОНЧИЛАСЬ БЕГУЩАЯ СТРОКА-->
<script>
document.write("<img src=\""+current_image+"\" + alt=\""+current_alt+"\">"); 
<!--document.write("<img src=\""+current_image+"\">");-->
</script>
<!--Сделаем поле для отображения времени, размещённое в форме-->
<TABLE border="0" width="100%" height="5%"> 
 <TR valign ="top" heiht="5%">
 <TD align="left" width=50%>
<form name=frm>
<input type=text size=8 name=clock>
</form>
<!--Создадим скрипт, вызывающий показ времени--> 
<script language="JavaScript">vrema();</script>
<!--Функция getHours() получает часы, getMinutes() минуты, а getSeconds() - секунды. 
Строка "document.frm.clock.value=hour+':' +minute+':' +seconds ;" прописывает в поле clock время. 
А строка "timerID = setTimeout("vrema()", 1000); " устанавливает через сколько миллисекунд выходит время 
верности этой функции, и её снова пора обновлять (1000 миллисекунд= 1сек).-->
</body>
</html>


А вот как выглядит пример 4 на экране(нажмите!). Теперь несколько раз понажимайте в Explorere Обновить и посмотрите, что получится.
Обратите внимание на то, что текст бегущей строки и изображение (картинка) меняются случайным образом, но каждой картинке соответствует своя бегущая строка. Кроме того, если Вы наведете указатель мыши на картинку, то увидите надпись, которая будет меняться вместе с картинкой.

Вернуться