Facebook Youtube linkedin Twitter feedburner Skype Me

අපේ බ්ලොගයේ Mouse එකට Snow Effect එකක් දෙමු 17





සෑම් | 8/30/2010 | , ,


මෙන්න තවත් මැක්සා ගැජට් එකක් ඔයාලට ගෙනාවා..මේ ගැජට් එකෙන් වෙන්නේ අපේ බ්ලොග් එකේ Mouse  එක ගෙනිය ගෙනියන තැන වලට ලස්සන Snow Effect එකක් එනවා..ඔයාලත් කැමති නම් මේක බ්ලොගයට දා ගන්න මම පහල කියල තියෙන විදියට ඔයාලා කරන්න

පලමුව ඔයලා Layout >> Page Element >> Add a gadget >> "Html/java script" එකක් ගන්න..එකට මම පහල දිලා තියෙන කොඩ් එකක copy කරගෙන ඔයාලා "Html/java script" එකට past කරන්න.


<script type='text/javascript'>
// <![CDATA[
var colour="black";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>


ඊට පස්සේ "Html/java script" එක Save කරන්න..දැන් වැඩේ ගොඩ..

මතක ඇතුව ඔයාලගේ ප්‍රතිචාරයක් මේ ලිපියට දෙන්න

ඔබට ජය..

Fb comments:



17 Comment + :

GT said...

නියමයි අයියේ

සෑම් said...

@GT

ස්තුති මල්ලි කොමන්ට් එකට

අඳුරෙන් එළියට said...

එල වැඩේ

Ajith Chandana said...

නියමයි එල වැඩේ.......

$hine said...

මරු වැඩේ... සුදු පාට කරන්න බැරිද? මගේ බැක්ග්‍රවුන්ඩ් එක කලු පාට නිසා පේන්නෙ නෑ

කමල් said...

meka veda ne

කමල් said...

vede hodayi ...g luck

Thushara said...

thanks macho

විකී said...

නියමයි මල්ලී. ස්තූතියි ඔයාට.

Anonymous said...

eka sudu pata karanna barida aiye...
please reply me

webs.pcc@gmail.com

thanks.......

suresh said...

machan snow efect ekata mage blog eka patta vidiyata slow unane.sorry machan wade ela.........

Ruwan Sampath said...

neyamaiiiiiiiiiii
thanks............
mama hoya hoya hetiya kaleka edann...........
mee gagatt eka
puluwannamm tawa tekakk lassana effect tekakk dapann
(Kaputa Com ekee essara tebune) e wagee.......
thanks

Kasun said...

patta math damma

Anonymous said...

ela bn

~~තරූගේ ලෝකය~~; said...

එළස්...

හිරුහිමාවී said...

ස්තූතියි යාළු!

Pasan Palihawadana said...


මම ඔන්න අත්හදා බැලීමක් කලා..... විශේශයෙන් මේකෙ සම්පුර්න අයිතිය මෙම ලිපිය පලකල සහෝදරයා සතුයි... මම කොමෙට් චෙක් කොරගෙන එද්දි දැක්ක සමහර අයගෙ බැක්ග්‍රවුන්ඩ් එක කලු පාටයි කියල.. ඒක නිසා පෙන්නෙ නෑ කියලත් තිබුන.. ඔන්න මම ඒකට විසදුම ගෙනාව... මෙන්න මෙතනට දාපිය සුදු කියල... var colour="white"; එතකොට හරි.. තමන්ට ඕන පාටක් දාගන්න... වැරදිනම් සමාවෙන්න... මගේ බ්ලොග් එකට හරියටම හරි මෙන්න මගේ එක...

http://jeevithayasundharai.blogspot.com/

මේම ලිපිය ගැන ඔයාලට හිතෙන කැමති දේයක් කියන්න.
ඔයලාගේ අදහස් මට හුගක් වටිනවා