Avatar billede zorg_86 Nybegynder
10. december 2003 - 16:21 Der er 10 kommentarer og
1 løsning

sne på hp?

Hej

Jeg søger et script til min hp så jeg kan få sne på den, men sneen skal også blive vist når man har scrollet ned på siden, ikke ligesom denne: http://www.s2a.dk/source_show.asp?id=592
Avatar billede wickedd Juniormester
10. december 2003 - 16:23 #1
Avatar billede wickedd Juniormester
10. december 2003 - 16:24 #2
Hov, nej den virker ikke med scroll - Overså jeg lige, sry
Avatar billede zorg_86 Nybegynder
10. december 2003 - 16:26 #3
Dur ikke for sneen stopper ikke i bunden af siden...
Avatar billede NanoQ Nybegynder
10. december 2003 - 16:30 #4
jeg går ud fra hp står for Hewlett Packard...

(lad være med at bruge uofficielle forkortelser. Det gør spørgsmål uforståelige) ;)
Avatar billede zorg_86 Nybegynder
10. december 2003 - 16:31 #5
LoOoL :P
Avatar billede wickedd Juniormester
10. december 2003 - 16:34 #6
Ah nanoq, hvis du har prøvet UT med den berømte TO MOD og samtidig installeret TOST så ved du hvad han taler om .. :p
Avatar billede zorg_86 Nybegynder
10. december 2003 - 18:01 #7
nogen der kunne hjælpe mig?
Avatar billede susanne_larsen Nybegynder
10. december 2003 - 20:36 #8
Der er mange måder at gøre det på ex
http://www.dynamicdrive.com/dynamicindex3/snow.htm

eller brug lidt kode og INGEN pics - indsæt flg mellem </HEAD> og <BODY>

<!-- SNE -->
<script>

///////////////////////////////////////////////////////////////////////////
// START PÅ KONFIGURATION
///////////////////////////////////////////////////////////////////////////

// Sæt antal sneflager (mere end 30 - 40 kan ikke anbefales)
var snowmax=35

// Bestem farven på sneen. Tilføj lige så mange farver du har lyst til
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Bestem den font der skal bruges til at oprette dine sneflager. Tilføj lige så mange du har lyst til
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Bestem hvordan dine sneflager skal se ud. Brug tegnet * ser bedst ud
var snowletter="*"

// Bestem hvor hurtigt de skal falde ned på skærmen. Bedst fra 0.3 til 2
var sinkspeed=0.6

// Maximale størrelse på de enkelte sneflager
var snowmaxsize=22

// Mindste størrelse på dine sneflager
var snowminsize=8

// Fastsæt sneområdet
// Sæt til 1 hvis du ønsker sne overalt, sæt til 2 hvis det skal være i venstre side
// Sæt til 3 hvis det kun skal sne i midten, sæt til 4 hvis du ønsker sne i højre side
var snowingzone=3

///////////////////////////////////////////////////////////////////////////
// SLUT PÅ KONFIGURATION
///////////////////////////////////////////////////////////////////////////


// NIX PILLE HERUNDER
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>

<!--  SNEEFFEKT SLUT -->


Du kan se hvordan den ser ud her http://www.suza.dk/exp/sne.htm
Ser faktisk noget mere naturlig ud end den første ;)
Avatar billede zorg_86 Nybegynder
10. december 2003 - 21:32 #9
Det ser godt ud...!

Men snen er der ikke når man har scrollet ned på siden :/

http://www.scooter-eksperten.dk/sne.htm
Avatar billede zorg_86 Nybegynder
11. december 2003 - 14:08 #10
nogen der kunne hjælpe?
Avatar billede zorg_86 Nybegynder
11. december 2003 - 15:58 #11
op..
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