Design er en vigtig del af hvert websted. Det er på baggrund af designet, at brugerne får deres første indtryk af ressourcen. Derfor lægger alle, selv en nybegynder webmaster, afgørende betydning for webstedsdesign. Mange webmastere prøver at følge de nyeste webdesignkoncepter, supplere sider med farverigt dynamisk indhold og endda ændre webstedsdesignet i overensstemmelse med sæsonen, feriekalenderen eller historiske begivenheder. Derfor begynder fora dedikeret til webudvikling på tærsklen til det nye år at blive fyldt med emner med spørgsmålet om, hvordan man laver sne på siden.
Er det nødvendigt
Browser. Evne til at redigere sider, sideskabeloner eller hjemmesidefemafiler. Adgang til webserveren via FTP. FTP-klient eller filhåndtering med FTP-understøttelse
Instruktioner
Trin 1
Download scriptet, der viser den faldende sne på webstedet. Åbn siden i browseren https://codeguru.ru/web/javascript/. Gå til "Eksempler på JavaScript-script" -> "Animation" -> "Bevægelige objekter". Klik på linket "Script Falling Snow". Klik på linket "snowfall.zip" øverst til højre på den side, der åbnes. Gem arkivet med scriptet på din harddisk
Trin 2
Pak arkivet ud med scriptet. Uddrag alle filer fra det downloadede arkiv til en midlertidig mappe på din harddisk. Brug en udpakker eller filhåndtering.
Trin 3
Konfigurer scriptet. Åbn snowfall.js-filen i enhver teksteditor. Skift værdierne for egenskaberne nCount, nMaxSpeed og strFlakeURL for oSnowFall-objektet. Værdien nCount bestemmer, hvor mange snefnugbilleder der samtidig bevæger sig på siden. Værdien nMaxSpeed indstiller den maksimale hastighed for snefnug i pixels under en iteration af scriptet. StrFlakeURL-parameteren skal indeholde en gyldig URL til snefnugbillede, hvor den kan indlæses via internettet.
Trin 4
Upload scriptfiler, typografiark og snefnugbilleder til serveren. Opret forbindelse til webserveren ved hjælp af FTP. Gå til mappen for klientscriptfilerne, eller opret en lignende mappe, og naviger til den. Indlæs snowfall.js-filen i den. Naviger til mappen for grafikken. Indlæs snowflake.gif-filen i den. Placer filen snowfall.css på serveren.
Trin 5
Lav sne på stedet. Rediger sidekoden, sideskabeloner eller stedets temafiler, så HEAD-elementet i den resulterende kode indeholder linjer som:
hvor css_file_address og js_file_address er adresserne til filerne snowfall.css og snowfall.js på nettet.
Anbring linjen umiddelbart efter åbningskoden:
Sæt også linjerne inden det afsluttende mærke:
DoSnowFall ();
//
Gem redigeringsresultaterne.
Trin 6
Kontroller resultatet. Åbn flere sider på det sted, hvor scriptet er indlejret. Animationen skal starte straks efter indlæsningen af siderne.