suchen

Heim >Web-Frontend >js-Tutorial >JavaScript-Newsticker-Beispielcode_Javascript-Kenntnisse

JavaScript-Newsticker-Beispielcode_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:24:031276Durchsuche

Das Beispiel in diesem Artikel teilt Ihnen den in Javascript implementierten Marquee-Effekt-Code mit, der Funktionen wie Nachrichtenankündigungen implementiert. Ich hoffe, dass es für Freunde in Not hilfreich sein kann.

Operationsrendering:

Das Codebeispiel lautet wie folgt: 

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="gb2312"> 
<title>javascript新闻跑马灯效果</title>
</head>
<script type="text/javascript">
var msg="脚本之家欢迎您http://www.jb51.net";
var interval = 100;
var space10="";
var seq=0;
function Scroll() 
{
 document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg.substring(0, msg.length);
 seq++;
 seq++;
 if(seq >msg.length) 
 {
  seq=0 
 }
 window.setTimeout("Scroll();", interval )
} 
</script>
<body onload="Scroll();" >
<center>
<form name="tmForm">
 <input type="text" name="tmText" size="45">
</form>
</center>
</body>
</body>
</html>

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die JavaScript-Programmierung lernen.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So implementieren Sie den regelmäßigen Abgleich chinesischer Satzzeichen in js_javascript-KenntnissenNächster Artikel：So implementieren Sie den regelmäßigen Abgleich chinesischer Satzzeichen in js_javascript-Kenntnissen

In Verbindung stehende Artikel

Mehr sehen