Membuat Efek Tulisan Dengan Warna Bergerak | Neon
Senin, 16 Juni 2014
-
6:57 PM
|
9
Comments |
irezdown 7
|
Edit Entri
Membuat Efek Tulisan Dengan Warna Bergerak | Neon --- Assalamualaikum,, pada kesempatan kali ini saya akan membagikan tutorial bagaimana cara membuat efek tulisan bergerak, efek yang muncul bukanlah efek marquee pada html karna bukan teksnya yang bergerak, akan tetapi yang bergerak adalah warnanya. Jika anda tertarik memsangnya di blog anda, silahkan lanjutkan membaca :)
Membuat Efek Tulisan Dengan Warna Bergerak | Neon sbb :
1. Silahkan menuju halaman dimana anda akan menempatkan teksnya, bisa di Postingan, Widget dan Template.
2. Copy kode dibwah ini :
Membuat Efek Tulisan Dengan Warna Bergerak | Neon sbb :
1. Silahkan menuju halaman dimana anda akan menempatkan teksnya, bisa di Postingan, Widget dan Template.
2. Copy kode dibwah ini :
<h3><script language="JavaScript1.2">
var message="Selamat Datang Di Blog Yang Sederhana Ini"
var neonbasecolor="maroon"
var neontextcolor="green"
var neontextcolor2="#DEFDD8"
var flashspeed=100 // speed of flashing in milliseconds
var flashingletters=3 // number of letters flashing in neontextcolor
var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0 // the pause between flash-cycles in milliseconds
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></h3>
Ket: Merah - Teks yang akan tampilMaka Hasilnya Seperti ini :
Biru - Warna dasar Teks
Green - Warna yang akan bergerak
Orange - Kecepatan gerak
Efek Lainnya :
<h3>DEMO DISINI
<script language="JavaScript1.2">
var message="Selamat Datang Di Blog Yang Sedehana Ini"
var neonbasecolor="maroon"
var neontextcolor="white"
var flashspeed=100
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>
</h3>
Langganan:
Posting Komentar
(
Atom
)
Entri Populer
- Download Mp3 Al-Qur'an + Terjemahan Indonesia - Oleh Syaikh Mishari Rashid Alafasy
- Download Gratis Murottal Al-Qur'an 30 Juz Oleh Syaikh Mishari Rashid Alafasy
- Download Mp3 Al Qur'an Merdu Oleh Idris Al Hashemi
- Cara Menampilkan Gambar Di File Explorer Windows 10 - Thumbnail
- Cara Menampilkan Icon My Computer / This PC Pada Desktop Di Windows 10
- Cara Mengatasi HP Meizu Gagal Masuk Ke Halaman Android / Stuck Logo
- Menghapus Dan Menghilangkan Recent Files Pada Windows 10
- Cara Menghapus Dan Melihat Versi NET Framework Yang Terinstall
- Doa Berbuka Puasa Sesuai Hadits Shahih | Benar
- Bacaan Shalat & Dzikir Setelah Shalat Sesuai Hadits
widihh keren gitu yah.. bisa warna-warni :D
BalasHapustapi blog ishmah udah penuh, nih sob ^^"
artikelnya sangat bagus kawan
BalasHapushttp://acemaxs31.com/obat-herbal-kolesterol/
http://apotekgumilar.com/
http://acemaxs86.com/
thanks gan tutorialnya, jozzz
BalasHapusmakasih bnyak gan ,,
BalasHapushttp://acemaxs86.com/obat-herbal-kanker-usus-besar/
Thanks gan infonya ..
BalasHapusSenang berkunjung ke halaman Anda
Mantaapp mas siap untuk di coba nieh !
BalasHapusterimakasih gan unutk informasi ini, ini sangat membantu untuk kami
BalasHapusmanfa'at banget gan buat blog ane kunjungi web pulsa kamijuga ya
BalasHapushttp://www.permatapulsaelektrik.web.id/
Octoin Crypto :
BalasHapushttp://octoinkings.blogspot.co.id/