Hi friends, now i m share here a java script for your website mouse ,so many people wants to change and a good looking his/her mouse on his/her website when someone on his/her site so today i am going to share a heart spring log tail java script now for bloggers follow the instructions and get heart jumping/spring tail like heart beating mouse .
STEP:-1 OPEN YOUR BLOGGER DASHBOARD
STEP:-2 GO ON YOUR BLOG >> CLICK ON DESIGN
STEP:-3 CLICK ON ADD A GADGET >> NOW OPEN A NEW WINDOW
STEP:-4 SELECT HTML/JAVA SCRIPT GADGET
STEP:-5 PAST GIVEN BELOW JAVA SCRIPT
TO COPY THIS CODE
CLICK ON BELOW BOX THEN PRESS CTRL+ A THEN PRESS CTRL+ C
OR
SELECT BY MOUSE AND COPY THEM
<script type="text/javascript"> | |
<!-- | |
document.write('<script type="text/javascript" src="/get_statistics.php?screen_width='+screen.width+'&screen_height='+screen.height+'&referrer='+document.referrer+'&userid=311361&page=galerie&no_count=1"><\/script>'); | |
//--> | |
</script><div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"></div> | |
<div id="dot1" style="position: absolute; height: 35; width: 35;"><img src="http://i1178.photobucket.com/albums/x366/facebookapps/love009.gif" width="25" height="25" alt=""></div> | |
<div id="dot2" style="position: absolute; height: 35; width: 35;"><img src="http://i1178.photobucket.com/albums/x366/facebookapps/love009.gif" width="25" height="25" alt="."></div> | |
<div id="dot3" style="position: absolute; height: 35; width: 35;"><img src="http://i1178.photobucket.com/albums/x366/facebookapps/love009.gif" width="25" height="25" alt="."></div> | |
<div id="dot4" style="position: absolute; height: 35; width: 35;"><img src="http://i1178.photobucket.com/albums/x366/facebookapps/love009.gif" width="25" height="25" alt="."></div> | |
<div id="dot5" style="position: absolute; height: 35; width: 35;"><img src="http://i1178.photobucket.com/albums/x366/facebookapps/love009.gif" width="25" height="25" alt="."></div> | |
<div id="dot6" style="position: absolute; height: 35; width: 35;"><img src="http://i1178.photobucket.com/albums/x366/facebookapps/love009.gif" width="25" height="25" alt="."></div> | |
<script type='text/javascript'> | |
<!-- Begin | |
var nDots = 7; | |
if (document.all&&window.print) | |
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll" | |
var Xpos = 0; | |
var Ypos = 0; | |
var DELTAT = .01; | |
var SEGLEN = 10; | |
var SPRINGK = 10; | |
var MASS = 1; | |
var GRAVITY = 50; | |
var RESISTANCE = 10; | |
var STOPVEL = 0.1; | |
var STOPACC = 0.1; | |
var DOTSIZE = 35; | |
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); | |
} | |
for (i = 0; i < nDots; i++) { | |
dots[i].obj.left = dots[i].X + "px"; | |
dots[i].obj.top = dots[i].Y + "px"; | |
} | |
if (isNetscape) { | |
startanimate(); | |
} else { | |
setTimeout("startanimate()", 20); | |
} | |
} | |
function dot(i) | |
{ | |
this.X = Xpos; | |
this.Y = Ypos; | |
this.dx = 0; | |
this.dy = 0; | |
this.obj = eval("document.getElementById('dot" + i + "').style"); | |
} | |
document.onmousemove = MoveHandler; | |
function startanimate() { | |
setInterval("animate()", 20); | |
} | |
function MoveHandler(e) { | |
if (!e) { | |
Xpos = window.event.x + document.body.scrollLeft; | |
Ypos = window.event.y + document.body.scrollTop; | |
} else { | |
Xpos = e.pageX; | |
Ypos = e.pageY; | |
} | |
} | |
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() { | |
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, | |
(spring.Y + resist.Y)/ MASS + GRAVITY); | |
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 + document.scrollTop; | |
width = window.innerWidth + document.scrollLeft; | |
} else { | |
height = document.body.clientHeight + document.body.scrollTop; | |
width = document.body.clientWidth + document.body.scrollLeft; | |
} | |
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; | |
} | |
dots[i].obj.left = dots[i].X + "px"; | |
dots[i].obj.top = dots[i].Y + "px"; | |
} | |
} | |
// End --> | |
</SCRIPT> | |
TO SEE DEMO OF MOUSE CLICK HERE
0 comments:
Post a Comment