The World's Best Animation and The Enjoy Javascript

ලෝකයේ හෝදම JavaScript ටිකක් අපේන්

හලෝයළුවනේ මං අද දේන්න යන්නේ ඔයාලා කවුරුත් දන්න JavaScript ටිකක්..මෙවා නිකන්ම එවා නෙමේ.Lol.ලෝකේ හෝදම ඒවා..හරි ඔයාලා දන්නෝ ඔයාලා කවුරුත් JavaScript දාන්නේ Blog වලට හෝ HTML Type එකේන් ලියන වෙබ් අඩවි වලටයි කියා..ඉතින් අපෙන් ගොඩක් කණ්ඩෙ ඉල්ලුවා JavaScript ටිකක්..හැබැයි මම දුන්නා එත් සමහරක් අයට තේරේන්නේ නැ එවා දාන්න...මගේන් 5 දෙනේක් විතර ඇහුවා කෝහෝමද කියලා දාන්නේ.එන්න එකට තමයි මට මේ Post එක දාන්න හිතුනේ...හරි හරි මොනවා නැතත් කමක් නැ මම යටින් දාන්නම් JavaScript ටික ඔයාලට ගන්න...(හැබැයි පුතේ මතක තියාගන්න මම දෙකයි යටින් දාන්නේ..මම එවටත් යටින් ඔක්කෝම තියේන Software කැල්ල දාන්නම් Download කරගන්න 231 KB)

Background

Snow

<p 
align="center">
<a 
href="<script language="JavaScript">
<!-- fall Script by kurt.grigg@virgin.net
Amount=20; //Smoothness! depends on image file size, the smaller the size the more you can use!
//Pre-load your image below!
Image0=new Image();
Image0.src="image1.gif";
Image1=new Image();
Image1.src="image2.gif";
Image2=new Image();
Image2.src="image3.gif";
grphcs=new Array(3)
grphcs[0]="image1.gif"
grphcs[1]="image2.gif"
grphcs[2]="image3.gif"

Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px">
<div style="position:relative">
');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div>
</div>
');
}
WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < Amount; i++){                                                                
 Ypos[i] = Math.round(Math.random()*WinHeight);
 Xpos[i] = Math.round(Math.random()*WinWidth);
 Speed[i]= Math.random()*3+2;
 Cstep[i]=0;
 Step[i]=Math.random()*0.1+0.05;
}
function fall(){
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 < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx; 
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+2;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else{
si[i].style.pixelLeft=Xpos[i];
si[i].style.pixelTop=Ypos[i]+hscrll;
} 
Cstep[i]+=Step[i];
}
setTimeout('fall()',10);
}
//-->
</script>
<body bgcolor="#ffffff" onLoad="fall()">"></a>
</p>

FierFowrks

<p 
align="center">
<a 
href="<body bgcolor='#000000' >

<script language="JavaScript">

</script>
"></a>
</p>

හරි මෙතියේන්නේ අර උඩ මම කියපු Code වලින් ටිකක්.එවා ඔක්කෝම තියේන Software එක යටින් දාගන්න.අර මම උඩ කියපු එක..231KB

හරි එක දැං ඩවුන්ලෝඩ් කරගෙන ඉවරනම් ඔන්න මම යටින් දාන්නම් කෝහෝමද කියලා Blogger එහේකට ඔය JavaScript එකක් ADD කරගන්නේ කියලා...

ඔයාලට ඔය මම උඩ දිපි ෆෝටෝ අපහැදිලිනම් ඔය ෆෝටෝ එකක් උඩ කිලික් කරන්න..

හරි එහේනම් මම දන්න විදියේන් ඔන්න ඔයාලට Javascript ගැන කියලා දුන්නා...
එත් ඔයාලා අපේන් දේයක් අරගේන නිකන්ම යන්නේ කෝහෝමද නේ...එක නිසා ඔයාලගේ වටිනා අදහස් අපිටත් කියන්න ඔය යට Comment Box එකේන් දලා යන්න හෝදේ...

2 comments:

sohan perera said...: thawa Script gena danna... Bloger gena danawqanam.. hodai.. kiyanna beri una niyamai scrit tika; February 7, 2014 at 10:02 PM
Uween Isirindu said...: Thanxxxxxxxxxx.........
oyata mewa Wadagathe unanam Yaluwantathe kiyanna

Tawa Scrpt Dennam.; February 8, 2014 at 3:44 AM

Pages

Labels

Popular Posts

Saturday, February 1, 2014