Google
 

Go Back   NackVision > Website Related > Friendster Overlay
Reload this Page Javascript Elastic Mouse Trail

Friendster Overlay Codes and tutorials on overlay

Reply
Page 1 of 2 1 2 >
 
Thread Tools
Old 05-20-2006, 09:32 AM   #1
adrielle3
Member
 
adrielle3's Avatar
 
Join Date: Dec 2005
Location: Underneath your clothes
Posts: 66
Javascript Elastic Mouse Trail
Put This Code At The <Body> Section Of Your Page


Change The "bullet.gif" To This: "http://i63.photobucket.com/albums/h153/adrielle2/heheheh.gif"

 
<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot1" style="position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot2" style="position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot3" style="position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot4" style="position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot5" style="position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot6" style="position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<script LANGUAGE="JavaScript">
 
 
var nDots = 7;
var Xpos = 0;
var Ypos = 0;
 
var DELTAT = .01;
 
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
 
var XGRAVITY = 0;
var YGRAVITY = 50;
 
var RESISTANCE = 10;
 
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
 
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
 
var followmouse = true;
var dots = new Array();
init();
function init()
{
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}
 
if (!isNetscape) {
 
}
 
 
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
 
 
if (isNetscape) {
 
startanimate();
} else {
 
 
setTimeout("startanimate()", 1000);
}
}
 
function dot(i) 
{
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) { 
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
}
}
 
function startanimate() { 
setInterval("animate()", 20);
}
 
function setInitPositions(dots)
{
 
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
 
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}
 
function MoveHandler(e)
{
Xpos = e.pageX;
Ypos = e.pageY; 
return true;
}
 
function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop; 
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}
 
function vec(X, Y)
{
this.X = X;
this.Y = Y;
}
 
function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}
 
function animate() { 
// dots[0] follows the mouse,
// though no dot is drawn there
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos; 
start = 1;
}
 
for (i = start ; i < nDots; i++ ) {
 
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}
 
 
var resist = new vec(-dots[i].dx * RESISTANCE,
-dots[i].dy * RESISTANCE);
 
 
var accel = new vec((spring.X + resist.X)/MASS + XGRAVITY,
(spring.Y + resist.Y)/ MASS + YGRAVITY);
 
 
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
 
 
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
 
 
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
 
 
var height, width;
if (isNetscape) {
height = window.innerHeight + window.pageYOffset;
width = window.innerWidth + window.pageXOffset;
} else { 
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}
 
// bounce off 3 walls (leave ceiling open)
if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
 
// move img to new position
dots[i].obj.left = dots[i].X; 
dots[i].obj.top = dots[i].Y; 
}
}
 
</script>
Check It Out ^_^ Elastic Mouse Trail
__________________
Last edited by gwapings213; 06-18-2006 at 06:36 PM.
(Offline)
 
 Reply With Quote
Old 05-20-2006, 09:47 AM   #2
princeofdark
Junior Member
 
princeofdark's Avatar
 
Join Date: May 2006
Location: k.s.a
Posts: 15
Send a message via MSN to princeofdark Send a message via Yahoo to princeofdark Send a message via Skype™ to princeofdark
gagana po ba to kahit sa pre-overlay?
(Offline)
 
 Reply With Quote
Old 05-20-2006, 01:32 PM   #3
cleane1234
Junior Member
 
Join Date: May 2006
Posts: 1
THANXX DUDE!!!
(Offline)
 
 Reply With Quote
Old 05-20-2006, 07:50 PM   #4
dashling
Senior Member
 
dashling's Avatar
 
Join Date: May 2006
Location: secrEt
Posts: 488
KALA KO KUNG ANUNG ELASTIC MOUSE ................... HIHIHIHI ........... BUTI PINALITAN KO UNG AKIN MUNTIK NA TAYONG MAGKAPAREHO ..............
__________________
[ Bleach ] [ I dont Love You ]
(Offline)
 
 Reply With Quote
Old 05-20-2006, 10:10 PM   #5
zeus08
Junior Member
 
zeus08's Avatar
 
Join Date: May 2006
Location: . . .aussie
Posts: 13
pwede ba sa overlay?
(Offline)
 
 Reply With Quote
Old 05-20-2006, 10:13 PM   #6
ShaDow oF DaShLing
Junior Member
 
ShaDow oF DaShLing's Avatar
 
Join Date: May 2006
Posts: 1
pang overlay nga yan eh................. ay naku ......... basta may nakalagay na <script> dyan pang overlay yan...................... hay...............
__________________
LoVe mE Or NoT? BARKADA TRIP !!!
(Offline)
 
 Reply With Quote
Old 05-28-2006, 09:52 PM   #7
renz32
Junior Member
 
Join Date: Apr 2006
Posts: 13
kailangan pa ba ng overlay generator para mapagana yan ?
(Offline)
 
 Reply With Quote
Old 06-18-2006, 06:23 PM   #8
sample08
Junior Member
 
Join Date: May 2006
Posts: 1
Originally Posted by adrielle3
Put This Code At The <Body> Section Of Your Page


Change The "bullet.gif" To This: "http://i63.photobucket.com/albums/h153/adrielle2/heheheh.gif"

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot1" style="position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot2" style="position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot3" style="position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot4" style="position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot5" style="position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot6" style="position: absolute; height: 11; width: 11;">
<img src="bullet.gif" height=11 width=11>
</div>
<script LANGUAGE="JavaScript">


var nDots = 7;
var Xpos = 0;
var Ypos = 0;

var DELTAT = .01;

var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;

var XGRAVITY = 0;
var YGRAVITY = 50;

var RESISTANCE = 10;

var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;

var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";

var followmouse = true;
var dots = new Array();
init();
function init()
{
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}

if (!isNetscape) {

}


for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}


if (isNetscape) {

startanimate();
} else {


setTimeout("startanimate()", 1000);
}
}

function dot(i)
{
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
}
}

function startanimate() {
setInterval("animate()", 20);
}

function setInitPositions(dots)
{

var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}

dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}

function MoveHandler(e)
{
Xpos = e.pageX;
Ypos = e.pageY;
return true;
}

function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}

function vec(X, Y)
{
this.X = X;
this.Y = Y;
}

function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}

function animate() {
// dots[0] follows the mouse,
// though no dot is drawn there
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}

for (i = start ; i < nDots; i++ ) {

var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}


var resist = new vec(-dots[i].dx * RESISTANCE,
-dots[i].dy * RESISTANCE);


var accel = new vec((spring.X + resist.X)/MASS + XGRAVITY,
(spring.Y + resist.Y)/ MASS + YGRAVITY);


dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);


if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}


dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;


var height, width;
if (isNetscape) {
height = window.innerHeight + window.pageYOffset;
width = window.innerWidth + window.pageXOffset;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}

// bounce off 3 walls (leave ceiling open)
if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}

// move img to new position
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
}

</script>


Check It Out ^_^ Elastic Mouse Trail

hi im cheska add me up in frendster..........

and can u give me a code for intro plz..............
(Offline)
 
 Reply With Quote
Old 06-18-2006, 09:22 PM   #9
mang jose
Junior Member
 
Join Date: May 2006
Posts: 4
Post pano po 2
pano po yung dividerand backgroundsa testi...?
(Offline)
 
 Reply With Quote
Old 06-18-2006, 09:23 PM   #10
mang jose
Junior Member
 
Join Date: May 2006
Posts: 4
help po
pno po ung divider and background sa testi.......
(Offline)
 
 Reply With Quote
Reply
Page 1 of 2 1 2 >

« Previous Thread | Next Thread »

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -7. The time now is 07:46 PM.



Contact Us - NackVision HOME - Archive - Top