Avatar billede cbadk Novice
01. december 2003 - 16:41 Der er 12 kommentarer og
2 løsninger

Sne over siden...under lag! hvordan?

Hvordan laver man et snevejr under sin side--

Du har en side med tekst og grafik

  *  --------**
  * * -      - *
      -      -  *
*    -      -  *
*    -      -
      --------  *
**

Noget lign dette!

Med venlig hilsen
CA
Avatar billede wickedd Juniormester
01. december 2003 - 16:44 #1
Under sin side ??
Kig her, ellers ved jeg ikke hvad du mener: http://www.html.dk/scripts/javascript/00022/
Avatar billede cbadk Novice
01. december 2003 - 16:51 #2
<script LANGUAGE="JavaScript1.2">
<!-- Original:  Altan (snow@altan.hr) -->
<!-- Web Site:  http://www.altan.hr/snow -->

<!-- Begin
var no = 20; // snow number
var speed = 7; // smaller number moves the snow faster
var snowflake = "sne.gif";

var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
  doc_width = self.innerWidth;
  doc_height = self.innerHeight;
} else if (ie4up) {
  doc_width = document.body.clientWidth;
  doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;                        // set coordinate variables
xp[i] = Math.random()*(doc_width-50);  // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;        // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random();    // set step variables
if (ns4up) {                      // set layers
  if (i == 0) {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    document.write("top=\"15\" visibility=\"show\"><img src=\"");
    document.write(snowflake + "\" border=\"0\"></layer>");
  } else {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    document.write("top=\"15\" visibility=\"show\"><img src=\"");
    document.write(snowflake + "\" border=\"0\"></layer>");
  }
} else if (ie4up) {
  if (i == 0) {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
    document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
    document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
    document.write(snowflake + "\" border=\"0\"></div>");
} else {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
    document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
    document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
    document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() {  // Netscape main animation function
for (i = 0; i < no; ++ i) {  // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
  xp[i] = Math.random()*(doc_width-am[i]-30);
  yp[i] = 0;
  stx[i] = 0.02 + Math.random()/10;
  sty[i] = 0.7 + Math.random();
  doc_width = self.innerWidth;
  doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {  // IE main animation function
for (i = 0; i < no; ++ i) {  // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
  xp[i] = Math.random()*(doc_width-am[i]-30);
  yp[i] = 0;
  stx[i] = 0.02 + Math.random()/10;
  sty[i] = 0.7 + Math.random();
  doc_width = document.body.clientWidth;
  doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
  snowNS();
} else if (ie4up) {
  snowIE();
}
// End -->
</script>
Avatar billede cbadk Novice
01. december 2003 - 16:56 #3
fint script...

men ved du om man kan man bruge layer og div funktion til at lægge sne bag ved et andet layer(feks en tabel) nærmest som en baggrunds billed

En form for levende -BAGGRUND-!
:)

Mvh Claus
Avatar billede roenving Novice
01. december 2003 - 17:00 #4
>>cbadk

-- dynamic drive har det i en version, som virker i andet end IE og NS4:

http://www.dynamicdrive.com/dynamicindex3/snow.htm
Avatar billede 44fire44 Nybegynder
01. december 2003 - 17:13 #5
hmm.. - du kan jo bare lave en animeret baggrunds-GIF, og så bruge dét som baggrund på din hjemmeside... - altså som et billede...
Avatar billede exp Juniormester
01. december 2003 - 17:16 #6
... eller forsøge dig med z-index...

altså give baggrunden z-index 999, sneen z-index 998 og resten meget lave z-index (1, 2, 3, 4, 5, 6, 7)

bare et forslag, ved ikke om det virker...
Avatar billede cbadk Novice
01. december 2003 - 21:11 #7
tak for jeres svar :)

Jeg prøver mig ad med gif ani og Dhtml z-index
Avatar billede 44fire44 Nybegynder
01. december 2003 - 21:35 #8
takker for points ;)

exp -> vil du ikke have nogle points også??
Avatar billede exp Juniormester
01. december 2003 - 22:14 #9
c",)
Avatar billede exp Juniormester
01. december 2003 - 22:15 #10
Nå det kunne jeg egentlig ikke lige få...
Avatar billede 44fire44 Nybegynder
01. december 2003 - 22:21 #11
du ka da sagtens få nogle af mine ;)
Avatar billede exp Juniormester
01. december 2003 - 22:30 #12
arh... mon ikke det går... :-)
Avatar billede cbadk Novice
01. december 2003 - 22:32 #13
Sorry, my mistake....

Jeg tog bare dem der stod på svar listen...skylder dig nogle point...

Måske serere :->
Avatar billede 44fire44 Nybegynder
02. december 2003 - 08:29 #14
;) - okay - helt op til dig...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester