Tips&Tricks

til hjemmesiden, computeren og internettet

Tips & Tricks



...og vejrudsigten - mere sne på hjemmesiden...

Sat på siden 12-12-2003

Tjah, når der ikke er udsigt til rigtig julesne, så kan vi lade det sne på hjemmesiden. For nogen tid siden fik du opskriften på sne ved hjælp af et script og et billede. Dette script er anderledes. Du skal ikke bruge nogen billeder - kun tegn fra tastaturet. Programmøren anbefaler en stjerne (*), som du kan få til at sne i forskellige størrelser, forskellige skrifttyper og farver.

Bemærk, at i nogle skrifttyper er der fem takker på stjernen, i andre er der seks. Det sidste er naturligvis det mest korrekte, når det drejer sig om snekrystaller.

Scriptet stammer fra www.24fun.com som ikke findes mere.

Indsæt scriptet lige før </body>-taggen på hjemmesiden.

Her følger snescriptet:

<script type="text/javascript">
// CREDITS:
// Snowmaker
// By Peter Gehrig
// Copyright (c) 2003 Peter Gehrig. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com
//

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// http://www.24fun.com on the webpage
// where this script will be featured

// OVERSÆTTELSE
// Forklaringerne til konfigurationen er oversat af Britt Malka
// http://www.tips-og-tricks.com
// Behold denne bemærkning, hvis du offentliggør scriptet

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION STARTS HERE
///////////////////////////////////////////////////////////////////////////

// Angiv antallet af snefnug (det anbefales ikke at bruge mere end 30-40)
var snowmax=35

// Angiv farven på sneen. Angiv så mange farver, som du ønsker
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Angiv de skrifttyper, der skal bruges til snefnuggene. Tilføj så mange skrifttyper, som du ønsker (obs. Vælg helst nogle, hvor stjernen har 6 takker)
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Angiv det tegn, der skal danne dit snefnug (anbefalet:*)
var snowletter="*"

// Angiv hastigheden, som sneen skal falde med (anbefalede værdier ligger imellem 0.3 til 2)
var sinkspeed=0.6

// Angiv maksimum størrelse på dine snefnug
var snowmaxsize=22

// Angiv minimum størrelse på dine snefnug
var snowminsize=8

// Angiv snezone
// Vælg 1 for over det hele, vælg 2 for sne i venstre side
// Vælg 3 for sne i midten, vælg 4 for sne i højre side
var snowingzone=3

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////


// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/) 
var browserok=ie5||ns6||opera

function randommaker(range) {  
 rand=Math.floor(range*Math.random())
    return rand
}

function initsnow() {
 if (ie5 || opera) {
  marginbottom = document.body.clientHeight
  marginright = document.body.clientWidth
 }
 else if (ns6) {
  marginbottom = window.innerHeight
  marginright = window.innerWidth
 }
 var snowsizerange=snowmaxsize-snowminsize
 for (i=0;i<=snowmax;i++) {
  crds[i] = 0;                     
     lftrght[i] = Math.random()*15;        
     x_mv[i] = 0.03 + Math.random()/10;
  snow[i]=document.getElementById("s"+i)
  snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  snow[i].size=randommaker(snowsizerange)+snowminsize
  snow[i].style.fontSize=snow[i].size
  snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  snow[i].sink=sinkspeed*snow[i].size/5
  if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  snow[i].style.left=snow[i].posx
  snow[i].style.top=snow[i].posy
 }
 movesnow()
}

function movesnow() {
 for (i=0;i<=snowmax;i++) {
  crds[i] += x_mv[i];
  snow[i].posy+=snow[i].sink
  snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
  snow[i].style.top=snow[i].posy
  
  if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
   if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
   if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
   if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
   if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
   snow[i].posy=0
  }
 }
 var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
 document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
 window.onload=initsnow
}
</script>

Kunne du lide tippet? Abonner gratis på mine nyhedsmails og få friske tips hver uge: Tilmelding til Tips og tricks
Lige nu: Få e-bogen "701 Tips og Tricks" gratis (normalpris $11,83) ved tilmelding.


|