copy and paste this script your js Mouse underwater credit:::btinternet.com [spoiler]// Under Water Mouse - Kurt Grigg - // http://www.btinternet.com/~kurt.grigg/javascript n4=(document.layers); n6=(document.getElementById&&!document.all); ie=(document.all); o6=(navigator.appName.indexOf("Opera") != -1)?true:false; img0=new Image(); img0.src="http://i243.photobucket.com/albums/ff72/adhieshinosuke/adhie%201/bluebub.gif"; num=(n6)?10:15; buby=0; bubx=0; if (n4||n6){ window.captureEvents(Event.MOUSEMOVE); function mouse1(e){ buby = e.pageY-20-window.pageYOffset; bubx = e.pageX-4; } if (n4) window.onMouseMove=mouse1; else document.onmousemove=mouse1; } if (ie||o6){ function mouse2(){ buby = (ie)?event.clientY-20:event.clientY-20-window.pageYOffset; bubx = event.clientX-4; } document.onmousemove=mouse2; } yp=new Array(); xp=new Array(); sp=new Array(); rt=new Array(); gr=new Array(); s1=new Array(); s2=new Array(); nz=new Array(); wh=(ie)?window.document.body.clientHeight:window.innerHeight; for (i=0; i < num; i++){ yp[i]=Math.random()*wh-buby; xp[i]=bubx; sp[i]= 6+Math.random()*3; s1[i]=0; s2[i]=Math.random()*0.1+0.05; gr[i]=4; nz[i]=Math.random()*15+5; rt[i]=Math.random()*0.5+0.1; } if (n4){ for (i=0; i < num; i++){ document.write("<LAYER NAME='bub"+i+"' LEFT=0 TOP=-50>" +"<img src='bluebub.gif' width="+nz[i]+" height="+nz[i]+"></LAYER>"); } } if (ie){ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < num; i++){ document.write('<img id="bub'+i+'" src="'+img0.src+'" style="position:absolute;top:-50px;left:0px">'); } document.write('</div></div>'); } if (n6||o6){ for (i=0; i < num; i++){ document.write("<div id='bub"+i+"' style='position:absolute;top:-50px;left:0px'>" +"<img src="+img0.src+" width="+nz[i]+" height="+nz[i]+"></div>"); } } function MouseBubbles(){ scy=(document.all)?document.body.scrollTop:window.pageYOffset; scx=(document.all)?document.body.scrollLeft:window.pageXOffset; for (i=0; i < num; i++){ sy = sp[i]*Math.sin(270*Math.PI/180); sx = sp[i]*Math.cos(s1[i]*5); yp[i]+=sy; xp[i]+=sx; if (yp[i] < -40){ yp[i]=buby; xp[i]=bubx; sp[i]= 6+Math.random()*3; gr[i]=4; nz[i]=Math.random()*15+5; } if (n4){ document.layers["bub"+i].left=xp[i]+scx; document.layers["bub"+i].top=yp[i]+scy; } if (ie){ document.getElementById("bub"+i).style.left=xp[i]+scx; document.getElementById("bub"+i).style.top=yp[i]+scy; document.getElementById("bub"+i).style.width=gr[i]; document.getElementById("bub"+i).style.height=gr[i]; } if (n6||o6){ document.getElementById("bub"+i).style.left=xp[i]+scx; document.getElementById("bub"+i).style.top=yp[i]+scy; } gr[i]+=rt[i]; s1[i]+=s2[i]; if (gr[i] > 14) gr[i]=15; } setTimeout('MouseBubbles()',10); } MouseBubbles(); //-->[/spoiler] Preview::: [url]http://www.geocities.com/linkerbaru/underwater.htm[/url] This for text in back [spoiler]<!-- // If it is not IE, we assume that the browser is NS. var IE = document.all?true:false // If NS -- that is, !IE -- then set up for mouse capture if (!IE) document.captureEvents(Event.MOUSEMOVE) // Set-up to use getMouseXY function onMouseMove document.onmousemove = getMouseXY; // Temporary variables to hold mouse x-y pos.s var TempX = 0 var TempY = 0 var State = 0; var J = 0; var Text = '[b]YOUR_TEXT[/b]'; var rangeY = Array(-5,-4,-3,-2,-1,0,2,3,4,5); function create() { for(I=0;I<Text.length;I++) { MySpace = document.createElement('div'); MySpace.id = 'Shadow'+I; MySpace.innerHTML = Text.substr(I,1); MySpace.style.top = 100; MySpace.style.left = 100+(20*I); MySpace.style.position = 'absolute'; MySpace.style.color = '[b]YOUR_COLOR[/b]'; document.getElementsByTagName('body')[0].appendChild(MySpace); } } function getMouseXY(e) { if (IE) { // grab the x-y pos.s if browser is IE TempX = event.clientX + document.body.scrollLeft TempY = event.clientY + document.body.scrollTop } else { // grab the x-y pos.s if browser is NS TempX = e.pageX TempY = e.pageY } // catch possible negative values in NS4 if (TempX < 0){TempX = 0} if (TempY < 0){TempY = 0} if(State == 0) { State = 1; create(); flag(); } return true } function flag() { for(J = 0;J < Text.length; J++) { MySpace = document.getElementById('Shadow'+J); MySpace.style.top = TempY + rangeY[Math.floor(Math.random() * rangeY.length)]; MySpace.style.left = TempX + 20 + (J*20); } setTimeout('flag()', 100); }[/spoiler] Apply your JS for top ... Reputation for Me Please..... ::::::::: if using tooltips,Upload your file and use this script So that no conflict your js.. <">

Last edited by adhie46 (2008-08-19 01:41:43)