piros lepke egérkövető

piros lepke egérkövető effekt

Demó:látható az oldalon!
.
.
.
.
.

 

 

Kód:

<!--Simply copy and paste into the <body></body> of your page.-->
<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;">
&nbsp;</div>
<div id="dot1" style="position: absolute; height: 50; width: 50;">
<img alt="" height="15" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1503933023_92.gif" width="15" /></div>
<div id="dot2" style="position: absolute; height: 35; width: 35;">
<img alt="." height="17" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1503933023_92.gif" width="17" /></div>
<div id="dot3" style="position: absolute; height: 35; width: 35;">
<img alt="." height="19" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1503933023_92.gif" width="19" /></div>
<div id="dot4" style="position: absolute; height: 35; width: 35;">
<img alt="." height="21" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1503933023_92.gif" width="21" /></div>
<div id="dot5" style="position: absolute; height: 35; width: 35;">
<img alt="." height="23" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1503933023_92.gif" width="23" /></div>
<div id="dot6" style="position: absolute; height: 35; width: 35;">
<img alt="." height="25" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1503933023_92.gif" width="25" /></div>
<script type='text/javascript'>
 
<!-- This script and many more from -->
<!-- http://rainbow.arch.scriptmania.com -->
 
<!-- 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>
 
 
 

 

 

 

 

 

 

 

(Ha valami nem megy szólj és segítek. virag-78@gportal.hu )

Készült:2017.08.29.

Copyright  © 2005-2017 JégVirág Design

 

 
---Oldal  info---
JégVirág
www.jegvirag.gportal.hu
Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!

 
---Partnercsere ---
Cserét kérhetsz aVendégkönyvbe és aChatbe is.
•Cserét bárkitől elfogadok,bátran jelentkezz!
•Ha egyszer felkerültél akkor csak pár okbol kerülsz le:Ha leveszel,én is leveszlek.
Ha az oldalad megszűnik,leveszlek..Senkit nem veszek le ha nincs ideje frissíteni!

 LINKCSERE 

✘ 

 
---NYÁRI MENÜ---

(Ha  a képekre kattíntasz ,a ŐSZI menühöz vissz.Amiben megtalálsz mindent amihez egy weboldalon szükség lehet.Kellemes weboldalszerkesztést!)

 

 

 
---BLOG PLUSZ---
 
---google hírdetés---
 
---SZÁMLÁLÓ---
Indulás: 2005-04-12
 
---BELÉPÉS---
Felhasználónév:

Jelszó:
SúgóSúgó
Regisztráció
Elfelejtettem a jelszót
 

    

Copyright  © 2005-2018 Virág Design / jegvirag.gportal.hu / virag-78@gportal.hu / online

 


ANELIATH - varázslat és sárkányvér- Te ki leszel ebben a csavaroS Történetben? - SZEREPJÁTÉK    *****    ANELIATH - varázslat és sárkányvér- Te ki leszel ebben a csavaroS Történetben? - SZEREPJÁTÉK    *****    Gyere és csatlakozz a -Karstjäger- magyar airsoft csapatába!    *****    Szoba gyerekkel kiadó film meg tekinthetõ gportálon klikk ide!    *****    Simonyi ingatlan Debrecen Eladó luxus lakások, házak, telkek, üzletek, lakóparki ingatlanok. Simonyi ingatlan Debrecen    *****    Ajándékozz Horoszkópot! Lepd meg szeretteidet egy Személyre szóló asztrológiai elemzéssel és 1 éves elõrejelzéssel.    *****    A horoszkóp a lélek tükre,egyszer mindenkinek bele kell néznie, ehhez adok én,sok segítséget. Fordulj hozzám bizalommal!    *****    Az asztrológia sok segítséget ad az élet minden területén, de képzett, tapasztalt asztrológus kell hozzá, keress meg!    *****    Születési horoszkóp,3 év elõrejelzés,párkapcsolati elemzés,konzultáció.Tájékoztatás az oldalon! látogass,meg!!!    *****    | WATTPAD | Egy neves gimnázium, egy gazdag, arrogáns srác és egy ösztöndíjas lány nem mindennapi szerelme | WATTPAD |    *****    Bérkalkulátor    *****    Infrashape Horizontal fitness stúdió Debrecen    *****    Infrashape Horizontal fitness stúdió Debrecen    *****    too young and innocent | an aegyo queen | twice | neo culture technology    *****    LÉGY A MAGAD ASZTROLÓGUSA! Regisztrálj oldalamra és én segítelek elsajátítani az asztrológia tudományát!    *****    Tanuld nálam az asztrológiát teljesen ingyen, vagy kérj részletes asztrológiai elemzést &#8222;BECSÜLET KASSZÁS&#8221; alapon!    *****    Új lovas szerepjáték! * Új lovas szerepjáték! * Lépj be a lovak csodálatos világába! Nevelj te is nálunk!    *****    Születési horoszkóp,3 év elõrejelzés,párkapcsolati elemzés ingyenes konzultáció,tájékoztatás az oldalon! kattints ide!!!    *****    Bûbájos Boszorkák - Charmed - Hírek - Extrák - Érdekességek - Charmed - Bûbájos boszorkák - Sok - sok infó - Charmed -    *****    Pénzkeresés az Interneten! Csak is kipróbáld, tesztelt módszerekkel, melyek tényleg fizetnek!