Mine lehekülje lõppu

Prinditav versioon  
Autor: Pealkiri: Kuidas panna liikuvad lumehelbed oma veebilehele?
Andrus30
Toru
***

Avatar


Registreerunud: 20.7.2009
Kasutaja on eemal


[*] postitati 8.12.2010 11:27
Kuidas panna liikuvad lumehelbed oma veebilehele?
Tuli selline mõte, et panna liikuvad lumehelbed oma veebilehele, õigemine lehele kus on jõulukaart. Leidsin ka miski koodi aga see juba 10 aastat vana ja tänu sellele Crome ei näita miskit. Oskab- viitsib seda keegi tänapäevasemaks näppida?. Sellest koodist võiks jääda alles niipalju, et muss mängiks, lund sajaks ja keskele siis peaks tulema minu jõulukaart :). Loodan, et suutsin end arusaadavaks teha.
Tänud juba ette!

Postituse lõpus on allalaetav kood html-ina.

Kood:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>here he comes!</TITLE> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <STYLE>BODY { SCROLLBAR-FACE-COLOR: #f4f1f4; FONT-SIZE: 10pt; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #b21a1f; SCROLLBAR-SHADOW-COLOR: #f4f1f4; COLOR: #b21a1f; SCROLLBAR-3DLIGHT-COLOR: #f4f1f4; SCROLLBAR-ARROW-COLOR: #b21a1f; SCROLLBAR-TRACK-COLOR: #f4f1f4; FONT-FAMILY: verdana; SCROLLBAR-DARKSHADOW-COLOR: #b21a1f; SCROLLBAR-BASE-COLOR: #f4f1f4 } </STYLE> <STYLE> body ( A:link { COLOR: #B21A1F; font-style: italic; TEXT-DECORATION: none} A:visited {COLOR: #B21A1F; font-style: italic; TEXT-DECORATION: none} A:active {COLOR: #B21A1F; font-style: italic; TEXT-DECORATION: none} A:hover {BACKGROUND: #B21A1F; COLOR: #F4F1F4; font-style: italic; TEXT-DECORATION: none}} </STYLE> <SCRIPT language=VBScript> '---------------------------------------------------------------------------- ' Original Greeting Card, by Bill Scott '---------------------------------------------------------------------------- ' All HTML and script by Bill Scott, March, 2000 ' billscott@redrivernet.com ' http://lettermanstationery.tripod.com ' Updated 03/03/01 for scrolling text. ' Updated 08/06/00 for IE 5.5 problem. Dim ypos Sub Window_OnLoad() CardText.style.backgroundColor="transparent" CardFront.style.pixelLeft=(document.body.clientWidth-501)/2 CardInside.style.pixelLeft=(document.body.clientWidth-501)/2 cardImage.style.pixelLeft=0 cardImage.style.pixelTop=0 cardImage.style.posWidth=501 cardImage.style.posHeight=376 note.style.pixelLeft=(document.body.clientWidth-501)/2 CardFront.style.visibility="visible" note.style.visibility="visible" End Sub Sub openCard() ypos = CardFront.style.pixelTop CardFront.style.pixelTop = ypos if ypos < 0 then SetTimeOut "openCard",35 else hideFront end if End Sub Sub hideFront() CardFront.filters.item(0).Apply() CardFront.style.visibility = "hidden" CardFront.filters.item(0).Transition=12 CardFront.filters.item(0).play(5.000) CardInside.filters.item(0).Apply() CardInside.style.visibility = "visible" CardInside.filters.item(0).Transition=12 CardInside.filters.item(0).play(5.000) End Sub Sub closeCard() CardInside.filters.item(0).Apply() CardInside.style.visibility = "hidden" CardInside.filters.item(0).Transition=12 CardInside.filters.item(0).play(5.000) CardFront.filters.item(0).Apply() CardFront.style.visibility = "visible" CardFront.filters.item(0).Transition=12 CardFront.filters.item(0).play(5.000) SetTimeOut "moveCardUp",5000 End Sub Sub moveCardUp() ypos = CardFront.style.pixelTop CardFront.style.pixelTop = ypos if ypos >3000 then SetTimeOut "moveCardUp",35 else end if End Sub Sub Window_OnResize() window.location.reload() End Sub </SCRIPT> <META content="MSHTML 6.00.2900.2523" name=GENERATOR></HEAD> <BODY bgColor=#f4f1f4><BGSOUND balance=0 src="herecomes.mid" volume=0 loop=infinite><!-- HERE COMES THE FLAKE GIF, YOU CAN ALSO ADJUST THE VALUES OF VAR NO AND VAR SPEED --><IMG id=snowtemp style="DISPLAY: none" src="flakepink.gif"> <SCRIPT language=JavaScript1.2> var no = 5; // snow number var speed = 8; // smaller number moves the snow faster var snowflake = snowtemp.src; 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 = 500; 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 = 500; } 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 = 500; } 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> <DIV id=note style="LEFT: -1800px; COLOR: #b21a1f; POSITION: absolute; TOP: 1px"><I>click on card to open</I> </DIV><!--The opened card image is here--> <DIV id=CardInside style="Z-INDEX: 1; FILTER: revealTrans; VISIBILITY: hidden; WIDTH: 501px; POSITION: absolute; TOP: 20px; HEIGHT: 376px"><SPAN language=VBScript style="LEFT: 258px; WIDTH: 91px; CURSOR: hand; POSITION: absolute; TOP: 40px; HEIGHT: 122px" onclick=closeCard><IMG height=30 alt="click here to flip back to front of card" src="hohoho.jpg" width=126 border=0> </SPAN><IMG style="WIDTH: 501px; HEIGHT: 376px" height=376 src="santa1o.jpg" width=501> <P><!--Text background color is removed and made transparent by the script. It exists only to enable setting the cursor in Outlook Express--></P> <DIV id=CardText style="Z-INDEX: 2; LEFT: 0px; WIDTH: 501px; POSITION: absolute; TOP: 120px; HEIGHT: 376px; BACKGROUND-COLOR: #ffffff"> <DIV id=text style="LEFT: 250px; OVERFLOW: auto; WIDTH: 113px; POSITION: absolute; TOP: -42px; HEIGHT: 250px"><FONT color=#b21a1f>i hope santa drops by with lots of neat little things for you</FONT> <P><FONT color=#b21a1f>have a wonderful holiday</FONT></P> <P><FONT color=#b21a1f>xo</FONT></P> <P><A href="http://www.mamselle.ca">mamselle</A> </P></DIV></DIV></DIV><!--Add your card image here. Image will be expanded automatically to fill card front--><!--You can adjust the border around the card in the next line. For no border, use border-style:none--> <DIV language=VBScript id=CardFront style="BORDER-RIGHT: #ffffff 10px; BORDER-TOP: #ffffff 10px; Z-INDEX: 3; FILTER: revealTrans; LEFT: -1800px; VISIBILITY: visible; BORDER-LEFT: #ffffff 10px; WIDTH: 501px; BORDER-BOTTOM: #ffffff 10px; POSITION: absolute; TOP: 20px; HEIGHT: 376px" onclick=openCard><IMG id=cardImage style="LEFT: -1800px; POSITION: absolute" height=376 src="santa2o.jpg" width=501> </DIV> <SCRIPT language=JavaScript><!-- ScrollSpeed = 350; // milliseconds between scrolls ScrollChars = 3; // chars scrolled per time period function SetupTicker() { // Thanks to who ever created this Java script! msg="m @ m s e l l e "; RunTicker();} function RunTicker() { window.setTimeout('RunTicker()',ScrollSpeed); window.status = msg; msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);} SetupTicker(); <!-- end // --> </SCRIPT> </BODY></HTML>



Lisa fail: xmas12.html (9kB)
Seda faili on alla laaditud 575 korda

[Muudetud: 8.12.2010 Andrus30]
Vaata kasutaja profiili Külasta kasutaja kodulehte
0
laurik
Noor toru
**



Registreerunud: 16.7.2009
Kasutaja on eemal


[*] postitati 8.12.2010 12:06
<SCRIPT language=VBScript>
ütleb, et tegu on vb-skriptiga ja see toimib heal juhul ainult internet exploreriga. hmm, vaatasin, et seal javascripti osa ka teiste brauserite jaoks aga siin
http://rainbow.arch.scriptmania.com/scripts/bg/snow_fall_1.html
on üks lihtsam javaskript, mis ei kasuta helvesteks pilte.

[Muudetud: 8.12.2010 laurik]

[Muudetud: 8.12.2010 laurik]

[Muudetud: 8.12.2010 laurik]
Vaata kasutaja profiili
0
Aixx
Veterantoru
*****

Avatar


Registreerunud: 25.7.2009
Asukoht: Tallinn
Kasutaja on eemal


[*] postitati 9.12.2010 00:06
http://www.schillmania.com/projects/snowstorm/
Vaata kasutaja profiili
0
ark
Toru
***



Registreerunud: 24.11.2009
Kasutaja on eemal


[*] postitati 9.12.2010 07:24
pane see rida lehe <body> </body>täägide vahele <script src="lumi.js" type="text/javascript" language="javascript"></script>
ja upi see fail sinna samma kausta kus see lehe fail asub

Lisa fail: lumi.js (4kB)
Seda faili on alla laaditud 613 korda

Vaata kasutaja profiili
0
kikas
Toru
***

Avatar


Registreerunud: 16.7.2009
Asukoht: At DSL
Kasutaja on eemal


[*] postitati 9.12.2010 07:32
Lumi, mis mozillaga töötab.

Lisa fail: lumi2_mozillaga.php (4kB)
Seda faili on alla laaditud 491 korda

Vaata kasutaja profiili
0
MuRKs
Veterantoru
*****

Avatar


Registreerunud: 23.7.2009
Asukoht: Foorum
Kasutaja on eemal

Tuju: :)

[*] postitati 14.12.2010 21:01
Ise kasutan seda :P

http://lahedad.co.cc/snowstorm.js (lumi kukub sinnapoole kus hiir parasjagu on)
See töötab kõigega minuraust, igastahes minu Opera ja Mozillaga töötab :P

Vaja ainult kood lisada:

Kood:
<script type="text/javascript" src="snowstorm.js"></script>




[Muudetud: 14.12.2010 MuRKs]
Vaata kasutaja profiili Külasta kasutaja kodulehte
0

  Mine lehekülje algusse

Ainus õige foorum!
XMB Forum Software © 2001-2009 XMB Meeskond