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

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

Пример 2: Бегущая строка


Не устаю повторять, что не собираюсь давать образцы безупречного программирования и дизайна. Моя задача гораздо скромнее: показать, как можно из "кубиков" или из "частей конструктора" делать свои странички. Хочу только предупредить: не спешите загружать "сырой" материал в сеть, отладьте сначала внешний вид и содержимое первой странички (index.html) на своем компьютере. Так же поступайте со всеми остальными страничками, постепенно Ваш сайт будет расти.
Итак, пример второй - бегущая строка. Я взял пример с одного из сайтов, прошу прощения за отсутствие ссылки.
Вот текст примера 2:


<html>
<head>
<TITLE>ПРИМЕР 2: БЕГУЩАЯ СТРОКА</TITLE>
</head>
<script language = "JavaScript">
<!--
var timerID = null;
var timerRunning = false;
var id,pause=0,position=0;
function ticker(){
  var i, k, msg=" Спасение утопающих - дело рук самих утопающих! ";
  k=(75/msg.length)+1;
  for(i=0;i<=k;i++) msg+=" "+msg;
  document.form2.ticker.value=msg.substring(position,position+100);
  if(position++==38) position=0;
  id=setTimeout("ticker()",2000/10); }

function action(){
  if(!pause){
    clearTimeout(id);
    pause=1;
  }
  else{
    ticker();
    pause=0;
  }
}
// -->
</SCRIPT>
<body onload=ticker()  ;">
<FORM name=form2>
  <div align="center">
    <INPUT name=ticker size=42>
  </div>
</FORM>
</body>
</html>


Обращаю Ваше внимание на то, что здесь я не разбираю "по косточкам", что означает каждая строка этого примера. На самом деле я все взял с чужого сайта "как есть", только "поиграл" параметрами в id=setTimeout("ticker()",2000/10);, а именно : первоначально в примере было, например, 10000/20, а я изменил на 2000/10. Попробуйте в WordPad менять эти числа, а в Explorer открывайте файл, и увидите, что будет изменяться. Кроме того, сам текст бегущей строки, естественно, был мною заменен на msg=" Спасение утопающих - дело рук самих утопающих! ";. То есть, текст в кавычках можете менять по своему усмотрению.
Посмотрите, как это выглядит на экране (нажмите!). Продолжение следует...
Вернуться