pezsgősüveg egérkövető effekt

pezsgősüveg rugós 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:20; width: 20;"></div>
 <div id="dot1" style="position: absolute; height: 50; width: 50;"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1452608081_11.png" width="30" height="30" alt=""></div>
 <div id="dot2" style="position: absolute; height: 35; width: 35;"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1452608081_11.png" width="30" height="30" alt="."></div>
 <div id="dot3" style="position: absolute; height: 35; width: 35;"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1452608081_11.png" width="30" height="30" alt="."></div>
 <div id="dot4" style="position: absolute; height: 35; width: 35;"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1452608081_11.png" width="30" height="30" alt="."></div>
 <div id="dot5" style="position: absolute; height: 35; width: 35;"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1452608081_11.png" width="30" height="30" alt="."></div>
 <div id="dot6" style="position: absolute; height: 35; width: 35;"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1452608081_11.png" width="30" height="30" alt="."></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 )

Ellenőrítve:2017.04.23.

Copyright  © 2005-2017 JégVirág Design

 

 
Oldal információ

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,Naptár,Design!
E-mail:virag-78@gportal.hu
Tárhely: gportal.hu
Kategoria:Portálépítés
Indulás:2005.04.12.
URL: jegvirag.gportal.hu
Facebook: Virág Design
Szerkeszto/Design:Virág

   

Virág1 , Jégvirág , Virgonc , Minta
 
Javascript,Html kód
 
Blog plusz
 
Kiemelt Menü
(Ha a képekre kattintasz akkor az elkövetkező ÜNNEPEKRE,ÉVSZAKOKRA JUTSZ el:( tavaszi menü , nyári menü , őszi menü ,  téli menüjévi menü ,  farsangi menü , valentin napi menü , anyák napi menü  , húsvéti menü , halloween menü , hálaadás menü , karácsonyi menü , születésnapi menü , gyerek napi menü  ) Amiben megtalálsz mindent amihez egy weboldalon szükség lehet.Kellemes weboldalszerkesztést!)
 
Belépés
Felhasználónév:

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

 

Számláló
Indulás: 2005-04-12
 
Google hirdetés
 
Copyright  © 2005-2024 Virág Design /  www.jegvirag.gportal.hu /  virag-78@gportal.hu

 


Szeretnél egy jó receptet? Látogass el oldalamra, szeretettel várlak!    *****    Minõségi Homlokzati Hõszigetelés. Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését.    *****    Amway termék elérhetõ áron!Tudta, hogy az általános tisztítószer akár 333 felmosásra is alkalmas?Több info a weboldalon    *****    Florence Pugh magyar rajongói oldal. Ismerd meg és kövesd az angol színésznõ karrierj&#232;t!    *****    Fele királyságomat nektek adom, hisz csak rátok vár ez a mesebirodalom! - Új menüpont a Mesetárban! Nézz be te is!    *****    DMT Trip napló, versek, történetek, absztrakt agymenés:)    *****    Elindult a Játék határok nélkül blog! Részletes információ az összes adásról, melyben a magyarok játszottak + egyéb infó    *****    Florence Pugh Hungary - Ismerd meg az Oppenheimer és a Dûne 2. sztárját.    *****    Megnyílt az F-Zero Hungary! Ismerd meg a Nintendo legdinamikusabb versenyjáték-sorozatát! Folyamatosan bõvülõ tartalom.    *****    A Cheer Danshi!! nem futott nagyot, mégis érdemes egy esélyt adni neki. Olvass róla az Anime Odyssey blogban!    *****    A 1080° Avalanche egy méltatlanul figyelmen kívül hagyott játék, pedig a Nintendo egyik remekmûve. Olvass róla!    *****    Gundel Takács Gábor egy különleges könyvet adott ki, ahol kiváló sportolókkal a sport mélységébe nyerhetünk betekintést.    *****    21 napos életmódváltás program csatlakozz hozzánk még!Január 28-ig 10% kedvezménnyel plusz ajándékkal tudod megvásárolni    *****    Szeretne egy olyan általános tisztítószert ami 333 felmosásra is elegendõ? Szeretne ha csíkmentes lenne? Részletek itt!!    *****    Új játék érkezett a Mesetárba! Elõ a papírral, ollóval, és gyertek barkácsolni!    *****    Tisztítószerek a legjobb áron! Hatékonyság felsõfoka! 333 felmosásra elengedõ általános tisztítószer! Vásároljon még ma!    *****    Hayashibara Megumi és Okui Masami rajongói oldal! Albumok, dalszövegek, és sok más. Folyamatosan frissülõ tartalom.    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    333 Felmosásra elegendõ! Szeretne gazdaságosan felmosni? Szeretne kiváló általános tisztítószert? Kiváló tisztítószerek!    *****    Ha tél, akkor téli sportok! De akár videojáték formájában is játszhatjuk õket. A 1080°Snowboarding egy kiváló példa erre