Электронная библиотека
Программисту веб-дизайнеру
Другие материалы
Библиотека: скачать готовые скрипты Javascript
Печатающийся текст на экране (как будто компьютер сам набирает с клавиатуры)
При помощи приводимых ниже клиентских сценариев - скриптов Javascript - можно симулировать эффект набор текста с клавиатуры на экране монитора, как будто компьютер сам набирает текст. Два вида разных программ. Единственный недостаток приводимых сценариев - поисковые системы не смогут приндексировать печатающийся через сценарий текст.
Посмотрите на работу первого скрипта на отдельной веб-странице (персональный компьютер).
Выделите мышью приводимый ниже код, скопируйте его (командой Ctrl+C) и вставьте его (командой Ctrl+V) в html-код своей веб-страницы в нужное Вам место. Цвета фона можно назначать в любом количестве и по Вашему выбору (кодами). Работает достаточно устойчиво и стабильно, скорость регулируемая, цвет задается стилями.
<script language="javascript">
<!--
var chr = -1;
var txt = 'Набрать самопечатающийся текст '
var l = txt.length
var p = "_"
function changetext()
{
chr++;
t = document.all["text"].innerHTML
tt = t.substring(0,t.length-p.length)
if(txt.charAt(chr)!="<")
{
document.all["text"].innerHTML= tt + txt.charAt(chr) + p
}
else {
document.all["text"].innerHTML= tt + txt.substring(chr, chr+4) + p
chr=chr+3
}
setTimeout("changetext()", 40)
}
function str(num) {
var s = ""
for(i=0; i<num; i++)
{ s = s + " " }
return s }
//-->
</script>
<body onload="changetext()">
<FONT id="text" ></FONT>
Посмотрите на работу второго скрипта на отдельной веб-странице (персональный компьютер).
Текст пишется, а затем после паузы сворачивается. Выделите мышью приводимый ниже код, скопируйте его (командой Ctrl+C) и вставьте его (командой Ctrl+V) в html-код своей веб-страницы в нужное Вам место. Цвета фона можно назначать в любом количестве и по Вашему выбору (кодами). Работает достаточно устойчиво и стабильно, скорость регулируемая, цвет задается стилями.
<script language="javascript">
<!--
var delay=30;
var nextm=0;
var msg=new Array
(
'Первая запись серии ',
'Вторая запись серии ',
'Третья запись серии... '
);
function start_ticker() {
do_ticker(msg[0], 0, 1);
}
function do_ticker(text, pos, dir) {
var out='<font> <font class=text001>'+text.substring(0, pos)+'</font> </font>';
if(navigator.appName=="Netscape")
with(document.ticker.document) {
open(); write(out); close();
}
else
ticker.innerHTML=out;
pos+=dir;
if(pos>text.length)
setTimeout('do_ticker("'+text+'",'+pos+','+(-dir)+')', delay*150);
else {
if(pos<0)
{
if(++nextm>=msg.length)
nextm=0;
text=msg[nextm];
dir=-dir;
}
setTimeout('do_ticker("'+text+'",'+pos+','+dir+')', delay);
}
}
// -->
</script>
<body onload="start_ticker()">
<div id="ticker"></div>