Skocz do zawartości


Spadające elementy


3 odpowiedzi w tym temacie

#1 Radeon16

    Początkujący

  • Użytkownik
  • Pip
  • 11 postów
  • Skąd:Głuszyna

Napisano 01 April 2010 - 08:24 PM

Jak dodać spadające elementy na stronę? Coś takiego jak to http://swieta.dodatki.net/snieg.php tylko mi chodzi o litery w stylu matrixa i żeby one spadały prosto.

Jeśli ci się nudzi, to naciśnij Ctrl+Shift!

#2 kefisto

    Bywalec

  • Użytkownik
  • PipPip
  • 398 postów
  • Skąd:Kraków
  • Strona:http://NewMyAvilla.ugu.pl

Napisano 01 April 2010 - 09:42 PM

Chyba taki skrypt musisz dopiero zrobic
Twoje Miejsce Komputerowe!
http://WinSoftware.ugu.pl

#3 cinek6413

    Bywalec

  • Użytkownik
  • PipPip
  • 274 postów
  • Skąd:Jasło
  • Zainteresowania:Grafika komputerowa, Siatkówka, Webdesign, GSM...

Napisano 02 April 2010 - 09:49 AM

Może się przydać:
http://www.dynamicdr...atrixeffect.htm
http://javascript.in.../js-matrix.html

#4 Guest_wtF_*

  • Gość

Napisano 02 April 2010 - 02:12 PM

Cytat

////////////////////////////////////////////////////////////////
// Javascript made by Rasmus - http://www.peters1.dk //
////////////////////////////////////////////////////////////////

var SNOW_Picture = "link do spadającego elementu"
var SNOW_no = 15;

var SNOW_browser_IE_NS = (document.body.clientHeight) ? 1 : 0;
var SNOW_browser_MOZ = (self.innerWidth) ? 1 : 0;
var SNOW_browser_IE7 = (document.documentElement.clientHeight) ? 1 : 0;

var SNOW_Time;
var SNOW_dx, SNOW_xp, SNOW_yp;
var SNOW_am, SNOW_stx, SNOW_sty;
var i, SNOW_Browser_Width, SNOW_Browser_Height;

if (SNOW_browser_IE_NS)
{
SNOW_Browser_Width = document.body.clientWidth;
SNOW_Browser_Height = document.body.clientHeight;
}
else if (SNOW_browser_MOZ)
{
SNOW_Browser_Width = self.innerWidth - 20;
SNOW_Browser_Height = self.innerHeight;
}
else if (SNOW_browser_IE7)
{
SNOW_Browser_Width = document.documentElement.clientWidth;
SNOW_Browser_Height = document.documentElement.clientHeight;
}

SNOW_dx = new Array();
SNOW_xp = new Array();
SNOW_yp = new Array();
SNOW_am = new Array();
SNOW_stx = new Array();
SNOW_sty = new Array();

for (i = 0; i < SNOW_no; ++ i)
{
SNOW_dx[i] = 0;
SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-50);
SNOW_yp[i] = Math.random()*SNOW_Browser_Height;
SNOW_am[i] = Math.random()*20;
SNOW_stx[i] = 0.02 + Math.random()/10;
SNOW_sty[i] = 0.7 + Math.random();
if (i == 0) document.write("<\div id=\"SNOW_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><a href=\"http://www.peters1.dk\" target=\"_blank\"><\img src=\""+SNOW_Picture+"\" border=\"0\"></a><\/div>");
else document.write("<\div id=\"SNOW_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><\img src=\""+SNOW_Picture+"\" border=\"0\"><\/div>");
}

function SNOW_Weather()
{

for (i = 0; i < SNOW_no; ++ i)
{
SNOW_yp[i] += SNOW_sty[i];

if (SNOW_yp[i] > SNOW_Browser_Height-50)
{
SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-SNOW_am[i]-30);
SNOW_yp[i] = 0;
SNOW_stx[i] = 0.02 + Math.random()/10;
SNOW_sty[i] = 0.7 + Math.random();
}

SNOW_dx[i] += SNOW_stx[i];

document.getElementById("SNOW_flake"+i).style.top=SNOW_yp[i]+"px";
document.getElementById("SNOW_flake"+i).style.left=SNOW_xp[i] + SNOW_am[i]*Math.sin(SNOW_dx[i])+"px";
}

SNOW_Time = setTimeout("SNOW_Weather()", 10);

}

SNOW_Weather();

Wklej to do notatnika, uzupełnij i zapisz jako matrix.js , i wrzuć na ftp.

Cytat

<script type="text/javascript" src="link do pliku matrix.js"></script>
Później wklej ten kod gdzie będziesz chciał.




Dodaj odpowiedź



  


Użytkownicy przeglądający ten temat: 1

0 użytkowników, 1 gości, 0 anonimowych