Rumah > hujung hadapan web > tutorial js > Cipta kod teks neon dan kesan khas berdasarkan kemahiran JavaScript_javascript

Cipta kod teks neon dan kesan khas berdasarkan kemahiran JavaScript_javascript

WBOY
Lepaskan: 2016-05-16 15:41:15
asal
1563 orang telah melayarinya

Contoh 1:

Tangkapan skrin kesan berjalan adalah seperti berikut:

Kod khusus adalah seperti berikut:

http-equiv="Content-Type" content="text/html; charset=gb2312">
Salin selepas log masuk

Cahaya Neon

var Tname="欢迎您的到来!";
var Tlen=Tname.length;
document.write(""+Tname+"");
var col=new Array("#FFCC00","#3333FF","#FFCC00","#FF0000","#FFCC00","#CC33FF");
var ic=0;
function Dcolor(){
 var Strname="";
 for (i=0;iTlen;++i){
 var Strname=Strname+"+col[ic]+">"+Tname.substring(i,i+1)+"";
 ic=ic+1;
 if (ic==col.length) ic=0;
 }
 a.innerHTML=Strname;
 setTimeout("Dcolor()",200);
}
Dcolor();
 class="style5">
Salin selepas log masuk

Contoh 2:

Rendering adalah seperti berikut:

Kesan demo Muat turun kod sumber

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan