"Tot" knoppie vir die webwerf: hoe om te maak

So 'n funksie, die knoppie "up" vir die webwerf, maak die Internet meer gerieflik bron vir sy besoekers. Dit help om maklik opgevolg vanaf enige plek in die bladsy in die boonste deel. Dit is 'n moet vir aanlyn-winkels en webwerwe met groot items wat 'n lang Rol na onder vereis.

Waarom is dit nodig

Op die oomblik is, die meeste van die webwerwe van hierdie funksie, die knoppie "up" is nie, en daar is niks van kritieke belang. Maar die gebruik daarvan kan baie voordele bring vir beide die Internet hulpbron en sy besoekers.

Voordele vir besoekers

Dikwels, wanneer die bladsy van die Internet hulpbron swaar gelaai hoeveelheid inligting, wanneer die inligting artikel neem 'n baie ruimte en moet af te beweeg die bladsy met behulp van die muis wiel. Die plus na hierdie, aan die einde van die artikel kan 'n baie kommentaar om dit aan te bied.

Wanneer 'n besoeker 'n artikel in 'n persoonlike vervelige blaai af 'n bladsy lees nie teenwoordig is nie, maar wanneer die teks 'n einde gekom en is dit nodig om te beweeg, dit begin om 'n bietjie moeg. Die meeste mense sal net te lui om 'n lang boek lei, en hulle net die webwerf te sluit, eerder as 'n ander loop deur sy oop ruimtes.

Met behulp van 'n knoppie om dadelik na die top van die bladsy maak die tydverdryf op die webwerf meer gerieflik.

Voordele van 'n Internet hulpbron

Positiewe aspekte van die hulpbron self gebaseer op historiese faktore, omdat dit makliker om te navigeer die webwerf verbeter die gedrag faktore, soos alle besoekers meer aktief in hul optrede sal wees en skuif na ander bladsye.

Daardeur data gedrag faktore beïnvloed die houding van alle soekenjins op die blad en lei tot verbeterde ruimte in die resultate van die.

Hoe om die "Up" knoppie alleen maak op die webwerf

Word verder ondersoek. Knoppie om te gaan na die webwerf op enige van die CMS kan jy altyd jou eie te maak deur 'n paar baie eenvoudige stappe:

• skepping van 'n beeld;
• die skepping van die script;
• Die skep van 'n knoppie styl;
• toe te voeg tot die terrein.

beeld knoppie

Om die "up" op die terrein toe te voeg, vir 'n begin nodig om self 'n ikoon maak, wanneer dit gekliek word, sal die gebruiker te beweeg van die bladsy. Jy kan gereed gemaak opsies, waaronder ons altyd kan kies die mees geskikte gebruik.

Om die voorkoms van die knoppie te verbeter, moet jy 'n paar verbeteringe aan te bring, naamlik om 'n sprite maak, kan CSS-gebaseerde kombineer agtergrond beelde, dus 'n kort animasie nadat geskep.

Vir grafiese werke, kan jy enige redakteur te gebruik. Maar die mees geskikte opsie is die aanlyn-diens Pixlr, want daar is niks om af te laai en geen behoefte aan het, kan jy hulle direk gebruik in jou browser.

Om te begin werk in die venster redakteur te kies die " 'n beeld oplaai vanaf jou rekenaar." As 'n voorbeeld, neem die beeld van die vuurpyl.

As die grootte van die geselekteerde ikone is te groot, sal jy nodig het om 'n klein aanpassing van die grootte maak. Om dit te doen, "Edit", gaan na die top kieslys, en kies die veld, en nadat «Gratis omskep ...»

Volgende, langs die foto is daar spesiale merkers wat beweeg, kan jy die beeld grootte. Om die aspek verhouding te bewaar, kan jy die Shift-sleutel te gebruik, hou dit, jy nodig het om die blou merkers beweeg. Aan die einde van hierdie aksies is beeld missiele verkry.

Die volgende stap - die skepping van 'n afskrif van die laag.

Nou moet jy die beeld te beweeg van die nuwe missiele laag 'n bietjie. Om dit te doen, sal dit gerieflik om die skuif instrument, wat geleë is in die tweede kolom van die linker menu "up" gebruik, en pyl op die klawerbord te wees.

Nou moet jy die top beeld maak in swart en wit. Dit kan gedoen word met behulp van die item "regstelling" - "Hue / Saturation" uit die boonste menu. Vir 'n volledige verkleuring skuiwer "Versadiging" moet die waarde -100 neem. Hierdie aksie sal die uitwerking wat die "Up" knoppie sal op sy beurt uit swart en wit kleur wanneer jy hover oor dit maak.

Die finale touch - die verwydering van oortollige ruimte rondom die twee beelde. Om dit te doen, kies die item "Trim" uit die linker menu en kies net twee missiele in 'n reghoek. 'N snoei druk die Enter-sleutel maak.

Om 'n beeld waarin daar te veel ruimte te kry. Wat jy nodig het om die breedte en hoogte van die gevolglike beelde te teken, as hierdie data nuttig in die volgende stap sal wees.

Om die behoefte om te klik op "File" red - "Save", waar die links onder "My Computer" skryf die naam van die beeld (net die Engelse sleutelbord uitleg), kies die formaat (in hierdie geval - PNG) en kliek op "Ja".

Lêer met die script "Up" knoppie

Skryf 'n script, in hierdie geval is dit nie nodig nie. Dit sal moontlik wees om 'n openbare opsie gebruik, bring in sommige wysigings gereed kode.

Dit sal vereis dat enige kode redakteur af te laai. Die gewildste en ook 'n gratis weergawe - is Notepad ++. Na die installasie wat jy nodig het om te kopieer en plak dit al hierdie kode: