Home » 2014 » Октомври » 6 » Движещ се текст в HTML
1:06 AM
Движещ се текст в HTML

Ще ни трябва само 1 файл името е по ваш избор. В този файл трябва да поставите следния код :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<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="
asdasdasdasd">
<center><BR><BR><BR>
<FORM name="form1">
<TABLE border="3">
<caption>
Редактиране на полето</caption>
<tr><td align="right">
Съобщение:</td>
<td><input type="text" name="message" value="
Тук въведете текста който да се покаже " size="50"></td></tr>
<tr><td align="right">
Бързина:</td>
<td><input type="text" name="speed" value="10" size="
5"></td></tr>
<tr><td align="right">
Промени:</td>
<td><center><input type="button" value="
Натисни тук за да направиш промените" 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>

Това е кодът ако искате да го сложите във вече готова страница ви трябва само тази част от него:
 

Забележка : Редактирайте полетата в червено след като приложите кода и видите на какво отговарят.

<BODY Background=../graphics/grayback.jpg BODY onLoad="asdasdasdasd">
<center><BR><BR><BR>
<FORM name="form1">
<TABLE border="3">
<caption>
Редактиране на полето</caption>
<tr><td align="right">
Съобщение:</td>
<td><input type="text" name="message" value="
Тук въведете текста който да се покаже " size="50"></td></tr>
<tr><td align="right">
Бързина:</td>
<td><input type="text" name="speed" value="10" size="
5"></td></tr>
<tr><td align="right">
Промени:</td>
<td><center><input type="button" value="
Натисни тук за да направиш промените" 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>

 

Категория: HTML | Преглеждания: 1049 | Довавено от: knif3r | Оценка: 5.0 | Гласували :1 | Tags: Движещ, текст, Начинаещ, Html, text, moving, Скриптове, scripts

Ако урокът ви е харесал можете да го споделите с вашите приятели във фейсбук :
Всички коментари: 0
avatar
Социални Мрежи

PC-Tools.inc | Copyright © 2014-2015
DMCA.com Protection Status Mozilla Firefox+4.0 Chrome+13.2 Opera+5.6 IE+7.9 Safari+2.0