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

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

WBOY
Freigeben: 2016-05-16 15:42:52
Original
2024 Leute haben es durchsucht

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>
Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage