Rumah  >  Artikel  >  hujung hadapan web  >  js kotak teks bergerak kesan marquee kemahiran perkongsian kod_javascript

js kotak teks bergerak kesan marquee kemahiran perkongsian kod_javascript

WBOY
WBOYasal
2016-05-16 15:42:521986semak imbas

Contoh dalam artikel ini menerangkan pelaksanaan js bagi kesan marquee bergerak kotak teks. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Pemarahan operasi:

Petua: Hanya salin kod yang dikongsi di bawah untuk menjalankannya Anda boleh menyesuaikan teks.
Kod js yang dikongsi dengan semua orang untuk merealisasikan kesan marquee bergerak kotak teks adalah seperti berikut

<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>

Di atas ialah kod js yang dikongsi dengan anda untuk melaksanakan kesan marquee bergerak kotak teks saya harap anda boleh menyukainya.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn