Design is een belangrijk onderdeel van elke website. Op basis van het ontwerp krijgen gebruikers hun eerste indruk van de bron. Daarom hecht iedereen, zelfs een beginnende webmaster, het grootste belang aan het ontwerp van een website. Veel webmasters proberen de nieuwste webdesignconcepten te volgen, pagina's aan te vullen met kleurrijke dynamische inhoud en zelfs het site-ontwerp te veranderen in overeenstemming met het seizoen, de vakantiekalender of historische gebeurtenissen. Dat is de reden waarom, aan de vooravond van het nieuwe jaar, forums gewijd aan webontwikkeling vol beginnen te staan met onderwerpen met de vraag hoe je sneeuw op de site kunt maken.
Het is nodig
Browser. Mogelijkheid om pagina's, paginasjablonen of websitethemabestanden te bewerken. Toegang tot de siteserver via FTP. FTP-client of bestandsbeheerder met FTP-ondersteuning
instructies:
Stap 1
Download het script dat de vallende sneeuw op de site weergeeft. Open de pagina in de browser https://codeguru.ru/web/javascript/. Ga naar "Voorbeelden van JavaScript-script" -> "Animatie" -> "Objecten verplaatsen". Klik op de link "Script Vallende Sneeuw". Op de pagina die opent, klik rechtsboven op de link "snowfall.zip". Sla het archief met het script op uw harde schijf op
Stap 2
Pak het archief uit met het script. Pak alle bestanden uit het gedownloade archief uit naar een tijdelijke map op uw harde schijf. Gebruik een uitpakker of bestandsbeheerder.
Stap 3
Configureer het script. Open het bestand snowfall.js in een willekeurige teksteditor. Wijzig de waarden van de eigenschappen nCount, nMaxSpeed en strFlakeURL van het oSnowFall-object. De nCount-waarde bepaalt hoeveel sneeuwvlokafbeeldingen tegelijkertijd op de pagina worden verplaatst. De nMaxSpeed-waarde stelt de maximale snelheid van de sneeuwvlok in pixels in tijdens één iteratie van het script. De parameter strFlakeURL moet een geldige URL van een sneeuwvlokafbeelding bevatten die via internet kan worden geladen.
Stap 4
Upload scriptbestanden, stylesheets en sneeuwvlokafbeeldingen naar de server. Maak verbinding met de siteserver via FTP. Ga naar de map voor de clientscriptbestanden of maak een vergelijkbare map en navigeer ernaar. Laad het bestand snowfall.js erin. Navigeer naar de map voor de afbeeldingen. Laad het sneeuwvlok.gif-bestand erin. Plaats het bestand snowfall.css op de server.
Stap 5
Maak sneeuw op de site. Bewerk de paginacode, paginasjablonen of sitethemabestanden zodat het HEAD-element van de resulterende code regels bevat zoals:
waarbij css_file_address en js_file_address de adressen zijn van de bestanden snowfall.css en snowfall.js op het web.
Plaats de regel direct na de openingstag:
Zet ook de regels voor de afsluitende tag:
DoSnowFall ();
//
Sla de bewerkingsresultaten op.
Stap 6
Controleer het resultaat. Open verschillende pagina's van de site waar het script is ingesloten. De animatie zou onmiddellijk moeten starten nadat de pagina's zijn geladen.
