Помогни ни да направим Uroci.net по - богат! Добави урок

JavaScript - Движещ се текст

nma   трудност:    видян: 14758



Ето скрипт за движещ се текст.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="TextPad 4.4">
<LINK href="general.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var id,pause=0,position=0;
function banner() {
var i,k,msg=document.form1.message.value;
k=(66/msg.length)+1;
for(i=0;i<=k;i++) msg+=" "+msg; document.form2.banner.value=msg.substring(position,position+50);
if(position++==document.form1.message.value.length)
position=0;
id=setTimeout("banner()",1000/document.form1.speed.value);
}
function action() {
if(!pause) {
clearTimeout(id);
pause=1;
}
else {
banner();
pause=0;
}
}
// End -->
</SCRIPT>

</HEAD>

<BODY Background=../graphics/grayback.jpg BODY onLoad="banner()">
<center><BR><BR><BR>
<FORM name="form1">
<TABLE border="3">
<caption>Edit box</caption>
<tr><td align="right">Message:</td>
<td><input type="text" name="message" value="This is a scroll - a text box scroll. " size="50"></td></tr>
<tr><td align="right">Speed:</td>
<td><input type="text" name="speed" value="10" size="5"></td></tr>
<tr><td align="right">Change:</td>
<td><center><input type="button" value=" Click here to make changes take effect" onclick="clearTimeout(id);position=0;banner()"></center></td></tr>
</TABLE>
</FORM>
<p>
<hr size="4" width="40%">
<p>
<FORM name="form2">
<input type="text" name="banner" size="50"><br>
<input type="hidden" value=" Start Banner " onclick="action()">
</FORM>

</center>
</BODY>
</HTML>

Ако искате да промените началния текст или надписите по кутийката, променете следните редове:
Message: </td>
<td><input type="text" name="message" value="This is a scroll - a text box scroll." size="50"></td></tr>
<tr><td align="right">Speed:</td>
<tr><td align="right">Change:</td>
<td><center><input type="button" value=" Click here to make changes take effect"

За тестване просто копирайте най-горния код в един текстов файл, запишете го с разширение .html и го отворете с Internet Explorer (примерно).



Коментари (5)

westlood на 24.08 2006 в 02:39ч.
Скрипта си го бива :))
Nesto на 09.02 2007 в 12:04ч.
Искам само въртящия текст да сложа на сайта си. Как да стане ?
7160 на 30.08 2008 в 22:55ч.
Opera 9.52 скочи на 1 ГБ Рам и заби
sbb_94 на 08.09 2008 в 14:23ч.
Ами ако искам само джижещ се текст, без да може да се променя...?
aquadani на 14.07 2009 в 11:17ч.
Може да стане и с ..текста... , но изглейда малко сухо, може да се задъде в така и скорост .. има възможност и за повече опции гледах го добре обяснено и в няколко варианта в един форум за dreamweaver.

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com