Heim > Artikel > Web-Frontend > js-Textfeld, beweglicher Laufschrift-Effektcode, Sharing_Javascript-Kenntnisse

js-Textfeld, beweglicher Laufschrift-Effektcode, Sharing_Javascript-Kenntnisse

WBOYOriginal: 2016-05-16 15:42:521948Durchsuche

Das Beispiel in diesem Artikel beschreibt die js-Implementierung des Textfeld-Bewegungsrahmeneffekts. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Operationsrendering:

Tipps: Kopieren Sie einfach den unten geteilten Code, um ihn auszuführen. Sie können den Text anpassen.
Der mit allen geteilte js-Code, um den Textfeld-Bewegungsrahmeneffekt zu realisieren, lautet wie folgt

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文本框走动跑马灯代码</title>
</head>
<SCRIPT Language="JavaScript">

var msg="欢迎访问脚本之家 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>

Das Obige ist der mit Ihnen geteilte JS-Code, um den Textfeld-Bewegungsrahmeneffekt zu implementieren. Ich hoffe, er gefällt Ihnen.

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：Code-Sharing des Tab-Label-Wechseleffekts, implementiert durch js_javascript-KenntnisseNächster Artikel：Code-Sharing des Tab-Label-Wechseleffekts, implementiert durch js_javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen