Halo sob, kali ini kita akan membuat latar blog kita dengan animasi bintang seperti malam hari.
Sangat cocok buat yang halaman blognya agak gelap, karna di situlah kita akan merasakan bahwa malam berbintang adalah... Bla..Bla..Bla... Alahh udah...
Langsung aja ini kodenya yang kamu masukan dalam widget atau posting kamu :
<SCRIPT LANGUAGE="JavaScript">
// by ycusoy admin-belajar.blogspot.com
<!-- Begin
SmallStars = 30;
LargeStars = 10;
SmallYpos = new Array();
SmallXpos = new Array();
LargeYpos = new Array();
LargeXpos = new Array();
Smallspeed= new Array();
Largespeed= new Array();
ns=(document.layers)?1:0;
if (ns) {
for (i = 0; i < SmallStars; i ) {
document.write("<LAYER NAME='sn" i "' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>");
}
for (i = 0; i < LargeStars; i ) {
document.write("<LAYER NAME='ln" i "' LEFT=0 TOP=0 BGCOLOR='#FFFFFF' CLIP='0,0,2,2'></LAYER>");
}
}
else {
document.write('<div style="position:absolute;top:0px;left:0px">');
document.write('<div style="position:relative">');
for (i = 0; i < SmallStars; i ) {
document.write('<div id="si" style="position:absolute;top:0;left:0;width:1px;height:1px;background:#fffff0;font-size:1px"></div>');
}
document.write('</div>');
document.write('</div>');
document.write('<div style="position:absolute;top:0px;left:0px">');
document.write('<div style="position:relative">');
for (i = 0; i < LargeStars; i ) {
document.write('<div id="li" style="position:absolute;top:0;left:0;width:2px;height:2px;background:#ffffff;font-size:2px"></div>');
}
document.write('</div>');
document.write('</div>');
}
WinHeight = (document.layers)?window.innerHeight:window.document.body.clientHeight;
WinWidth = (document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i = 0; i < SmallStars; i ) {
SmallYpos[i] = Math.round(Math.random() * WinHeight);
SmallXpos[i] = Math.round(Math.random() * WinWidth);
Smallspeed[i]= Math.random() * 5 1;
}
for (i = 0; i < LargeStars; i ) {
LargeYpos[i] = Math.round(Math.random() * WinHeight);
LargeXpos[i] = Math.round(Math.random() * WinWidth);
Largespeed[i] = Math.random() * 10 5;
}
function fly() {
var WinHeight = (document.layers)?window.innerHeight:window.document.body.clientHeight;
var WinWidth = (document.layers)?window.innerWidth:window.document.body.clientWidth;
var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;
var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i = 0; i < LargeStars; i ) {
LargeXpos[i] -= Largespeed[i];
if (LargeXpos[i] < -10) {
LargeXpos[i] = WinWidth;
LargeYpos[i] = Math.round(Math.random() * WinHeight);
Largespeed[i] = Math.random() * 10 5;
}
if (ns) {
document.layers['ln' i].left = LargeXpos[i];
document.layers['ln' i].top = LargeYpos[i] hscrll;
}
else {
li[i].style.pixelLeft = LargeXpos[i];
li[i].style.pixelTop = LargeYpos[i] hscrll;
}
}
for (i = 0; i < SmallStars; i ) {
SmallXpos[i] -= Smallspeed[i];
if (SmallXpos[i] < -10) {
SmallXpos[i] = WinWidth;
SmallYpos[i] = Math.round(Math.random()*WinHeight);
Smallspeed[i] = Math.random() * 5 1;
}
if (ns) {
document.layers['sn' i].left = SmallXpos[i];
document.layers['sn' i].top = SmallYpos[i] hscrll;
}
else {
si[i].style.pixelLeft = SmallXpos[i];
si[i].style.pixelTop = SmallYpos[i] hscrll;
}
}
setTimeout('fly()', 10);
}
// End -->
</script>
dan hasilnya pasti bisa di simak..
Oke sampai di sini dulu yah. Kamu boleh nyebar artikel ini, tapi jangan lupa dari mana manusia berasal.. Eh salah..Kamsudnya dari mana sumbernya.. Bye
Home
About
Editor Web OL
Code Learn
Html - 5
Css - 3
Code Style
