Rabu, 17 Agustus 2011

Backgroung berubah-ubah

Mungkin yang ingin bermain-main dengan Blog-nya, bisa ditambahkan script di bawah ini yang gunanya agar warna background atau text yang diinginkan berubah secara otomatis, misalnya setiap 5 menit background blog akan berubah warnanya atau mungkin setiap 1 jam sekali akan berubah, jika mau menggunakan background gambar juga bisa.

Dan ini dapat diterapkan bukan hanya pada warna text atau background saja, tetapi juga pada text-nya yang bisa diatur agar berubah-ubah, pokoknya terserah temen-temen lah enaknya bagaimana.

Di bawah ini adalah contoh untuk warna background yang berubah-ubah

Lihat contohnya

Script-nya seperti ini:
<script>
function Rands(){
//settips.blogspot.com
var nArr = new Array("blue","yellow","green");
var mFlo = Math.floor(Math.random()*nArr.length);
var mydiv = document.getElementById('settips-sample');
mydiv.style.background = nArr[mFlo];
}
setInterval(Rands,1000)
</script>

<body>
<div id='settips-sample' style='height:100px'></div>
Jadi script akan memilih warna yang terdapat pada "Array" secara acak untuk digunakan sebagai warna background pada object yang ber-ID "settips-sample", ganti / tambahkan warna-warna tersebut sesuai selera.
1000 = 1 detik, dengan maksud setiap 1 detik background akan berubah, ganti angka tersebut sesuai dengan yang diinginan. Kemudian ganti "settips-sample" dengan ID object yang ada di blog kamu.

Tidak ada komentar:

Posting Komentar