Vendeliko
Banned User
- Joined
- Dec 3, 2011
- Messages
- 3,087
- Reaction score
- 90
Hi,here is a script for Black & Red skulls following the cursor on your webpage.
It works with gesior acc and MAYBE with modern acc but I haven't tested it.
Step 1:
Save the images at the bottom of the page to the images folder of your layout.
Step 2:
Open your layout.php file and at the bottom before
Paste in this
Step 3:Save your layout.php and it should work.
When you have it done you should see this on your webpage under your cursor.
If you wish to change the skulls to some different picture simply change
to
Enjoy!
It works with gesior acc and MAYBE with modern acc but I haven't tested it.
Step 1:
Save the images at the bottom of the page to the images folder of your layout.
Step 2:
Open your layout.php file and at the bottom before
Code:
</div>
</div>
</div>
</div>
</body>
</html>
Paste in this
Code:
<div id="menu-bottom2"> </div>
<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"></div>
<div id="dot1" style="position: absolute; height: 35; width: 35;"><img src="<?PHP echo $layout_name; ?>/images/bs.gif" width="11" height="11" alt=""></div>
<div id="dot2" style="position: absolute; height: 35; width: 35;"><img src="<?PHP echo $layout_name; ?>/images/rs.gif" width="11" height="11" alt="."></div>
<div id="dot3" style="position: absolute; height: 35; width: 35;"><img src="<?PHP echo $layout_name; ?>/images/bs.gif" width="11" height="11" alt="."></div>
<div id="dot4" style="position: absolute; height: 35; width: 35;"><img src="<?PHP echo $layout_name; ?>/images/rs.gif" width="11" height="11" alt="."></div>
<div id="dot5" style="position: absolute; height: 35; width: 35;"><img src="<?PHP echo $layout_name; ?>/images/bs.gif" width="11" height="11" alt="."></div>
<div id="dot6" style="position: absolute; height: 35; width: 35;"><img src="<?PHP echo $layout_name; ?>/images/rs.gif" width="11" height="11" 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>
Step 3:Save your layout.php and it should work.
When you have it done you should see this on your webpage under your cursor.
If you wish to change the skulls to some different picture simply change
Code:
<div id="dot6" style="position: absolute; height: 35; width: 35;"><img src="<?PHP echo $layout_name; ?>/images/rs.gif" width="11" height="11" alt="."></div>
to
Code:
<div id="dot6" style="position: absolute; height: 35; width: 35;"><img src="<?PHP echo $layout_name; ?>/images/IMAGENAME" width="11" height="11" alt="."></div>
Enjoy!
Attachments
-
bs.gif569 bytes · Views: 699 · VirusTotal
-
rs.gif906 bytes · Views: 700 · VirusTotal