Cara Membuat Teks Berkedip dan Bercahaya Menggunakan Javascript - Mungkin pada kali ini saya akan membahas seputar javascript yang berjudul bagaimana cara membuat teks berkedip bercahaya Menggunakan javascript. Sebelumnya kita ketahui dulu apa itu javascript?berikut penjelasannya.
Penjelasan Javascript
Javascript adalah bahasa pemograman tingkat tinggi dan dinamis, Javascript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer atau dikenal dengan (IE), Mozilla Firefox, Netscape dan Opera. Kode Javascript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.Selanjutnya langsung saja ke materi yaitu cara membuat teks berkedip dan bercahaya menggunakan javascript, mungkin tutorial atau cara pada kali ini sangat mudah untuk dipraktekan dalam pemograman html/php untuk kode teks berkedip dan bercahaya bisa dilihat di form berikut.
Kode Teks Berkedip dan Bercahaya
<script language="JavaScript1.2">
function ClearError() {return true;}
window.onerror = ClearError;
</script>
<script>
window.onload = function() {
var h1 = document.getElementsByTagName("h1")[0],
text = h1.innerText || h1.textContent,
split = [], i, lit = 0, timer = null;
for(i = 0; i < text.length; ++i) {
split.push("<span>" + text[i] + "</span>");
}
h1.innerHTML = split.join("");
split = h1.childNodes;
var flicker = function() {
lit += 0.01;
if(lit >= 1) {
clearInterval(timer);
}
for(i = 0; i < split.length; ++i) {
if(Math.random() < lit) {
split[i].className = "neon";
} else {
split[i].className = "";
}
}
}
setInterval(flicker, 100);
}
</script>
<br />
<br />
<h1>
Cara Membuat Teks Berkedip dan Bercahaya</h1>
Selanjutnya anda menempatkan kode diatas dimanapun misalnya ditag <body> juga bisa dan <head> untuk mempercantik agar teks berwarna gunakan kode style html berikut ini.
Kode Style Teks
<style>
h1 {
color: #19abff;
font-size: 40px;
margin: 1px auto;
text-align:center;
text-transform:uppercase;
}
.neon {
color: #FFFFFF;
text-shadow: 0 0 5px #19abff, 0 0 10px #19abff, 0 0 20px #19abff, 0 0 45px #19abff, 0 0 40px #19abff;
}
</style> Letakan kode style di atas tag <body> dan dibawah tag <head>.
Untuk Demo bisa dilihat pada judul postingan ini
Kesimpulan
Nah mungkin demikian tentang tutorial javascript bagaimana cara membuat teks berkedip dan bercahaya menggunakan javascript, semoga tutorial yang saya sampaikan ini dapat bermanfaat bagi anda dan menjadi bahan pembelajaran dalam pemograman html/php, sebelumnya saya mohon maaf apabila ada kata yang kurang dimengerti. Apabila masih kurang paham silahkan bertanya lewat berkomentar dibawah postingan ini terima kasih.