Entries ME CHINGU
Bienvenue :)
Welcome to my blog. Feel the music :)
Credit

Skin by : Zuhairah Zainuddin

Edited by : Fiqa(me)

bubble cursors .
Rabu, 8 Jun 2011 | 11:22 PTG | 0 army(s)
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:


Older Post | Newer Post