Entries
ME
CHINGU
Credit
Skin by : Zuhairah Zainuddin
Edited by : Fiqa(me)
bubble cursors .
hello , kali ni nak ajar macam mana cara nak buat bubble cursor . tahu tak bubble cursor tu menatang apa ? bubble cursor tu yang macam buih-buih keluar dekat cursor tu . kayy dah faham dah ? dah faham , jom start .
DESIGN >> ADD A GADGET >> HTML/JAVASCRIPT ..
copy code kat bawah ni :
<noscript></noscript><!-- --><script type="text/javascript" src=" http://www.freewebs.com/p.js"></script><script type="text/javascript">
/ / <! [[CDATA // <![CDATA[
warna var = new Array ("# F781BE", "# F781BE", "# F781BE", "# F781BE", "# F781BE"); / / warna untuk atas,, bawah kanan dan batas kiri dan latar belakang gelembung var colours=new Array(" #F781BE ", " #F781BE ", " #F781BE ", " #F781BE ", " #F781BE "); // colours for top, right, bottom and left borders and background of bubbles
var gelembung = 100; / / jumlah maksimum gelembung di paparan var bubbles= 100 ; // maximum number of bubbles on screen
/**************************** /****************************
* JavaScript Bubble Cursor * * JavaScript Bubble Cursor *
* (C) 2010 mf2fm web-design * * (c) 2010 mf2fm web-design *
* Http: / / www.mf2fm.com/rv * * http://www.mf2fm.com/rv *
* JANGAN EDIT BOX BAWAH INI * * DON'T EDIT BELOW THIS BOX *
****************************/ ****************************/
var x = lembu = 400; var x=ox=400;
var y = oy = 300; var y=oy=300;
var swide = 800; var swide=800;
var shigh = 600; var shigh=600;
sleft var = sdown = 0; var sleft=sdown=0;
var baru bubb = Array (); var bubb=new Array();
var baru bubbx = Array (); var bubbx=new Array();
var baru Bubby = Array (); var bubby=new Array();
var bubbs = new Array (); var bubbs=new Array();
window.onload = function () {if (document.getElementById) { window.onload=function() { if (document.getElementById) {
var tikus, div; var rats, div;
for (var i = 0; i <gelembung; i + +) { for (var i=0; i<bubbles; i++) {
tikus = createDiv ("3px", "3px"); rats=createDiv("3px", "3px");
rats.style.visibility = "tersembunyi"; rats.style.visibility="hidden";
div = createDiv ("auto", "auto"); div=createDiv("auto", "auto");
rats.appendChild (div); rats.appendChild(div);
div = div.style; div=div.style;
div.top = "1px"; div.top="1px";
div.left = "0px"; div.left="0px";
div.bottom = "1px"; div.bottom="1px";
div.right = "0px"; div.right="0px";
div.borderLeft = "1px solid" + warna [3]; div.borderLeft="1px solid "+colours[3];
div.borderRight = "1px solid" + warna [1]; div.borderRight="1px solid "+colours[1];
div = createDiv ("auto", "auto"); div=createDiv("auto", "auto");
rats.appendChild (div); rats.appendChild(div);
div = div.style; div=div.style;
div.top = "0px"; div.top="0px";
div.left = "1px"; div.left="1px";
div.right = "1px"; div.right="1px";
div.bottom = "0px" div.bottom="0px"
div.borderTop = "1px solid" + warna [0]; div.borderTop="1px solid "+colours[0];
div.borderBottom = "1px solid" + warna [2]; div.borderBottom="1px solid "+colours[2];
div = createDiv ("auto", "auto"); div=createDiv("auto", "auto");
rats.appendChild (div); rats.appendChild(div);
div = div.style; div=div.style;
div.left = "1px"; div.left="1px";
div.right = "1px"; div.right="1px";
div.bottom = "1px"; div.bottom="1px";
div.top = "1px"; div.top="1px";
div.backgroundColor = warna [4]; div.backgroundColor=colours[4];
div.opacity = 0,5; div.opacity=0.5;
if (document.all) div.filter "=" alpha (opacity = 50); if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild (tikus); document.body.appendChild(rats);
bubb [i] = rats.style; bubb[i]=rats.style;
} }
set_scroll (); set_scroll();
set_width (); set_width();
gelembung (); bubble();
}} }}
fungsi gelembung () { function bubble() {
var c; var c;
jika (lembu x! = | | y! = oy) { if (x!=ox || y!=oy) {
lembu = x; ox=x;
oy = y; oy=y;
for (c = 0; c <gelembung, c + +) if (! Bubby [c]) { for (c=0; c<bubbles; c++) if (!bubby[c]) {
[C]. Bubb kiri = (bubbx [c] = x) + "px"; bubb[c].left=(bubbx[c]=x)+"px";
bubb [c] ". top = (Bubby [c] = y) +" px; bubb[c].top=(bubby[c]=y)+"px";
bubb [c] ". width =" 3px; bubb[c].width="3px";
bubb [c]. height = "3px" bubb[c].height="3px"
bubb [c] ". visibility =" kelihatan; bubb[c].visibility="visible";
bubbs [c] = 3; bubbs[c]=3;
break; break;
} }
} }
for (c = 0; c <gelembung, c + +) jika (Bubby [c]) update_bubb (c); for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout ("gelembung ()", 40); setTimeout("bubble()", 40);
} }
fungsi update_bubb (i) { function update_bubb(i) {
jika (Bubby [i]) { if (bubby[i]) {
Bubby [i] -= bubbs [i] / 2 + i% 2; bubby[i]-=bubbs[i]/2+i%2;
bubbx [i] + = (i% 5-2) / 5; bubbx[i]+=(i%5-2)/5;
jika (Bubby [i]> sdown & & bubbx [i]> 0) { if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random () <bubbs [i] / shigh * 2 & & bubbs [i] + + <8) { if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb [i] ". width = bubbs [i] +" px; bubb[i].width=bubbs[i]+"px";
bubb [i] ". height = bubbs [i] +" px; bubb[i].height=bubbs[i]+"px";
} }
bubb [i] ". top = Bubby [i] +" px; bubb[i].top=bubby[i]+"px";
bubb [i] ". kiri = bubbx [i] +" px; bubb[i].left=bubbx[i]+"px";
} }
else { else {
bubb [i] ". visibility =" hidden; bubb[i].visibility="hidden";
Bubby [i] = 0; bubby[i]=0;
kembali; return;
} }
} }
} }
document.onmousemove = tikus; document.onmousemove=mouse;
fungsi tetikus (e) { function mouse(e) {
set_scroll (); set_scroll();
y = (e):? e.pageY event.y + sleft; y=(e)?e.pageY:event.y+sleft;
x = (e):? e.pageX event.x + sdown;} x=(e)?e.pageX:event.x+sdown; }
window.onresize = set_width; window.onresize=set_width;
fungsi set_width () { function set_width() {
jika (document.documentElement & & document.documentElement.clientWidth) { if (document.documentElement && document.documentElement.clientWidth) {
swide = document.documentElement.clientWidth; swide=document.documentElement.clientWidth;
shigh = document.documentElement.clientHeight; shigh=document.documentElement.clientHeight;
} }
else if (typeof (self.innerHeight) == "number") { else if (typeof(self.innerHeight)=="number") {
swide = self.innerWidth; swide=self.innerWidth;
shigh = self.innerHeight; shigh=self.innerHeight;
} }
else if (document.body.clientWidth) { else if (document.body.clientWidth) {
swide = document.body.clientWidth; swide=document.body.clientWidth;
shigh = document.body.clientHeight; shigh=document.body.clientHeight;
} }
else { else {
swide = 800; swide=800;
shigh = 600; shigh=600;
} }
} }
window.onscroll = set_scroll; window.onscroll=set_scroll;
fungsi set_scroll () { function set_scroll() {
if (typeof (self.pageYOffset) == "number") { if (typeof(self.pageYOffset)=="number") {
sdown = self.pageYOffset; sdown=self.pageYOffset;
sleft = self.pageXOffset; sleft=self.pageXOffset;
} }
else if (document.body.scrollTop | | document.body.scrollLeft) { else if (document.body.scrollTop || document.body.scrollLeft) {
sdown = document.body.scrollTop; sdown=document.body.scrollTop;
sleft = document.body.scrollLeft; sleft=document.body.scrollLeft;
} }
else if (document.documentElement & & (document.documentElement.scrollTop | | document.documentElement.scrollLeft)) { else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft = document.documentElement.scrollLeft; sleft=document.documentElement.scrollLeft;
sdown = document.documentElement.scrollTop; sdown=document.documentElement.scrollTop;
} }
else { else {
sdown = 0; sdown=0;
sleft = 0; sleft=0;
} }
} }
fungsi createDiv (tinggi, lebar) { function createDiv(height, width) {
var div = document.createElement ("div"); var div=document.createElement("div");
div.style.position = "mutlak"; div.style.position="absolute";
div.style.height = tinggi; div.style.height=height;
div.style.width = lebar; div.style.width=width;
div.style.overflow = "tersembunyi"; div.style.overflow="hidden";
kembali (div); return (div);
} }
/ /]]> // ]]>
</ Script> </script>
paste dekat dalam kotak HTML/JAVASCRIPT tu kayy . yang warna pink tu , warna bubbles . kalau nak tukar warna lain boleh >>klik kat sini <<
siap ! Label: tutorials .
Older Post | Newer Post
|
About Owner

The name's Nur Afiqah. My bestfriend call me Fify or Fiqa. My korean's name is Park Dong Ae LOL . I was born on 18 May 1995, at Hospital Universiti Malaya , KL. I saw this world at 10.59 a.m.I'm an Inspirit half Girlfriend, Kiss-me, Primadonna, Kamilia, ELF, Nametag, Blackjack, Hottest, BBC, Pink Panda, B2uty and 4nia . wow , daebak !HAHAHA~
I'm not an arrogant girl, i'm just pretty shy xD
Don't judge me if you don't know who the hella am.
Remember, nobody's perfect.
Please respect me and I'll respect yours. well this is MINE.
- shy
- love to smile
- i'm not a tall person
- brutal
- love to laugh
- hate busy body
- hate smokers
- love KPOP
- gila-gila
SARANGHAEYO CHINGU-AH !

JUE | NORAIN | AIDA | FATIMAH | ALIAH | FATIN
bubble cursors .
hello , kali ni nak ajar macam mana cara nak buat bubble cursor . tahu tak bubble cursor tu menatang apa ? bubble cursor tu yang macam buih-buih keluar dekat cursor tu . kayy dah faham dah ? dah faham , jom start .
DESIGN >> ADD A GADGET >> HTML/JAVASCRIPT ..
copy code kat bawah ni :
<noscript></noscript><!-- --><script type="text/javascript" src=" http://www.freewebs.com/p.js"></script><script type="text/javascript">
/ / <! [[CDATA // <![CDATA[
warna var = new Array ("# F781BE", "# F781BE", "# F781BE", "# F781BE", "# F781BE"); / / warna untuk atas,, bawah kanan dan batas kiri dan latar belakang gelembung var colours=new Array(" #F781BE ", " #F781BE ", " #F781BE ", " #F781BE ", " #F781BE "); // colours for top, right, bottom and left borders and background of bubbles
var gelembung = 100; / / jumlah maksimum gelembung di paparan var bubbles= 100 ; // maximum number of bubbles on screen
/**************************** /****************************
* JavaScript Bubble Cursor * * JavaScript Bubble Cursor *
* (C) 2010 mf2fm web-design * * (c) 2010 mf2fm web-design *
* Http: / / www.mf2fm.com/rv * * http://www.mf2fm.com/rv *
* JANGAN EDIT BOX BAWAH INI * * DON'T EDIT BELOW THIS BOX *
****************************/ ****************************/
var x = lembu = 400; var x=ox=400;
var y = oy = 300; var y=oy=300;
var swide = 800; var swide=800;
var shigh = 600; var shigh=600;
sleft var = sdown = 0; var sleft=sdown=0;
var baru bubb = Array (); var bubb=new Array();
var baru bubbx = Array (); var bubbx=new Array();
var baru Bubby = Array (); var bubby=new Array();
var bubbs = new Array (); var bubbs=new Array();
window.onload = function () {if (document.getElementById) { window.onload=function() { if (document.getElementById) {
var tikus, div; var rats, div;
for (var i = 0; i <gelembung; i + +) { for (var i=0; i<bubbles; i++) {
tikus = createDiv ("3px", "3px"); rats=createDiv("3px", "3px");
rats.style.visibility = "tersembunyi"; rats.style.visibility="hidden";
div = createDiv ("auto", "auto"); div=createDiv("auto", "auto");
rats.appendChild (div); rats.appendChild(div);
div = div.style; div=div.style;
div.top = "1px"; div.top="1px";
div.left = "0px"; div.left="0px";
div.bottom = "1px"; div.bottom="1px";
div.right = "0px"; div.right="0px";
div.borderLeft = "1px solid" + warna [3]; div.borderLeft="1px solid "+colours[3];
div.borderRight = "1px solid" + warna [1]; div.borderRight="1px solid "+colours[1];
div = createDiv ("auto", "auto"); div=createDiv("auto", "auto");
rats.appendChild (div); rats.appendChild(div);
div = div.style; div=div.style;
div.top = "0px"; div.top="0px";
div.left = "1px"; div.left="1px";
div.right = "1px"; div.right="1px";
div.bottom = "0px" div.bottom="0px"
div.borderTop = "1px solid" + warna [0]; div.borderTop="1px solid "+colours[0];
div.borderBottom = "1px solid" + warna [2]; div.borderBottom="1px solid "+colours[2];
div = createDiv ("auto", "auto"); div=createDiv("auto", "auto");
rats.appendChild (div); rats.appendChild(div);
div = div.style; div=div.style;
div.left = "1px"; div.left="1px";
div.right = "1px"; div.right="1px";
div.bottom = "1px"; div.bottom="1px";
div.top = "1px"; div.top="1px";
div.backgroundColor = warna [4]; div.backgroundColor=colours[4];
div.opacity = 0,5; div.opacity=0.5;
if (document.all) div.filter "=" alpha (opacity = 50); if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild (tikus); document.body.appendChild(rats);
bubb [i] = rats.style; bubb[i]=rats.style;
} }
set_scroll (); set_scroll();
set_width (); set_width();
gelembung (); bubble();
}} }}
fungsi gelembung () { function bubble() {
var c; var c;
jika (lembu x! = | | y! = oy) { if (x!=ox || y!=oy) {
lembu = x; ox=x;
oy = y; oy=y;
for (c = 0; c <gelembung, c + +) if (! Bubby [c]) { for (c=0; c<bubbles; c++) if (!bubby[c]) {
[C]. Bubb kiri = (bubbx [c] = x) + "px"; bubb[c].left=(bubbx[c]=x)+"px";
bubb [c] ". top = (Bubby [c] = y) +" px; bubb[c].top=(bubby[c]=y)+"px";
bubb [c] ". width =" 3px; bubb[c].width="3px";
bubb [c]. height = "3px" bubb[c].height="3px"
bubb [c] ". visibility =" kelihatan; bubb[c].visibility="visible";
bubbs [c] = 3; bubbs[c]=3;
break; break;
} }
} }
for (c = 0; c <gelembung, c + +) jika (Bubby [c]) update_bubb (c); for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout ("gelembung ()", 40); setTimeout("bubble()", 40);
} }
fungsi update_bubb (i) { function update_bubb(i) {
jika (Bubby [i]) { if (bubby[i]) {
Bubby [i] -= bubbs [i] / 2 + i% 2; bubby[i]-=bubbs[i]/2+i%2;
bubbx [i] + = (i% 5-2) / 5; bubbx[i]+=(i%5-2)/5;
jika (Bubby [i]> sdown & & bubbx [i]> 0) { if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random () <bubbs [i] / shigh * 2 & & bubbs [i] + + <8) { if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb [i] ". width = bubbs [i] +" px; bubb[i].width=bubbs[i]+"px";
bubb [i] ". height = bubbs [i] +" px; bubb[i].height=bubbs[i]+"px";
} }
bubb [i] ". top = Bubby [i] +" px; bubb[i].top=bubby[i]+"px";
bubb [i] ". kiri = bubbx [i] +" px; bubb[i].left=bubbx[i]+"px";
} }
else { else {
bubb [i] ". visibility =" hidden; bubb[i].visibility="hidden";
Bubby [i] = 0; bubby[i]=0;
kembali; return;
} }
} }
} }
document.onmousemove = tikus; document.onmousemove=mouse;
fungsi tetikus (e) { function mouse(e) {
set_scroll (); set_scroll();
y = (e):? e.pageY event.y + sleft; y=(e)?e.pageY:event.y+sleft;
x = (e):? e.pageX event.x + sdown;} x=(e)?e.pageX:event.x+sdown; }
window.onresize = set_width; window.onresize=set_width;
fungsi set_width () { function set_width() {
jika (document.documentElement & & document.documentElement.clientWidth) { if (document.documentElement && document.documentElement.clientWidth) {
swide = document.documentElement.clientWidth; swide=document.documentElement.clientWidth;
shigh = document.documentElement.clientHeight; shigh=document.documentElement.clientHeight;
} }
else if (typeof (self.innerHeight) == "number") { else if (typeof(self.innerHeight)=="number") {
swide = self.innerWidth; swide=self.innerWidth;
shigh = self.innerHeight; shigh=self.innerHeight;
} }
else if (document.body.clientWidth) { else if (document.body.clientWidth) {
swide = document.body.clientWidth; swide=document.body.clientWidth;
shigh = document.body.clientHeight; shigh=document.body.clientHeight;
} }
else { else {
swide = 800; swide=800;
shigh = 600; shigh=600;
} }
} }
window.onscroll = set_scroll; window.onscroll=set_scroll;
fungsi set_scroll () { function set_scroll() {
if (typeof (self.pageYOffset) == "number") { if (typeof(self.pageYOffset)=="number") {
sdown = self.pageYOffset; sdown=self.pageYOffset;
sleft = self.pageXOffset; sleft=self.pageXOffset;
} }
else if (document.body.scrollTop | | document.body.scrollLeft) { else if (document.body.scrollTop || document.body.scrollLeft) {
sdown = document.body.scrollTop; sdown=document.body.scrollTop;
sleft = document.body.scrollLeft; sleft=document.body.scrollLeft;
} }
else if (document.documentElement & & (document.documentElement.scrollTop | | document.documentElement.scrollLeft)) { else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft = document.documentElement.scrollLeft; sleft=document.documentElement.scrollLeft;
sdown = document.documentElement.scrollTop; sdown=document.documentElement.scrollTop;
} }
else { else {
sdown = 0; sdown=0;
sleft = 0; sleft=0;
} }
} }
fungsi createDiv (tinggi, lebar) { function createDiv(height, width) {
var div = document.createElement ("div"); var div=document.createElement("div");
div.style.position = "mutlak"; div.style.position="absolute";
div.style.height = tinggi; div.style.height=height;
div.style.width = lebar; div.style.width=width;
div.style.overflow = "tersembunyi"; div.style.overflow="hidden";
kembali (div); return (div);
} }
/ /]]> // ]]>
</ Script> </script>
paste dekat dalam kotak HTML/JAVASCRIPT tu kayy . yang warna pink tu , warna bubbles . kalau nak tukar warna lain boleh >>klik kat sini <<
siap ! Label: tutorials .
Older Post | Newer Post
|