Hur Man Gör En Rullningslist

Innehållsförteckning:

Hur Man Gör En Rullningslist
Hur Man Gör En Rullningslist

Video: Hur Man Gör En Rullningslist

Video: Hur Man Gör En Rullningslist
Video: Creating a Custom Scrollbar for the Web - CSS Tutorial 2024, Maj
Anonim

Numera är det inte en lyx att ha din egen webbplats utan snarare en nödvändighet. Skapandet kräver vissa färdigheter och kunskap om html. Att bygga en enkel webbplats är ganska lätt. Att dekorera det och skapa interaktiva element som ger ytterligare funktioner för webbplatsen kommer att orsaka svårigheter för en nybörjare. Ett av dessa interaktiva element som förbättrar bekvämligheten för besökare är rullningsfältet. Det är särskilt användbart inom webbplatsens fält, som ger anslutning till skript (interaktion mellan webbplatsen och användarna).

Skrollfältet är ett viktigt inslag på webbplatsen
Skrollfältet är ett viktigt inslag på webbplatsen

Det är nödvändigt

Internet eller någon html-handledning

Instruktioner

Steg 1

Det viktigaste på varje webbplats är användarvänlighet. Själva idén med att använda ett rullningsfält på din webbplats är endast lämpligt om dess utseende inte dikteras av din önskan utan av dess nödvändighet. Gör layouten på den sida du vill placera rullningsfältet på. Välj en plats för rullningen (även kallad rullningslister).

Steg 2

Välj en plats för rullningsfältet på sidan på webbplatsen du är intresserad av. Den måste vara styvt kopplad till något element (till exempel en textruta eller en listruta). Du måste beräkna denna plats i pixlar eller i procent. Detta är inte svårt att göra, särskilt om webbplatsens layout har en tydlig struktur.

Steg 3

Mellan BODY-taggarna måste du lägga till standardrullningskoden. Du hittar den i vilken HTML-handledning som helst. Det finns två alternativ - antingen lägg till det här utdraget direkt i html-koden på sidan eller bifoga det i css-formatmallen. Den andra metoden är bekvämare om du byter mer än en sida, men hela webbplatsen samtidigt. Då måste du ange färgparametrarna i rullningsfältet, annars blir det grått och ointressant. Figuren visar och märker rullelementen. Parametrarna måste anges på samma sätt som visas i figuren, åtskilda av semikolon.

Steg 4

Nu bör du definitivt testa dina ändringar. För att få rullningsfältet att se likadant ut i alla webbläsare, kontrollera det på de viktigaste - Internet Explorer, Mozilla Firefox och Opera. Om det inte fungerar på en av dem, gå tillbaka till första steget och åtgärda felen.

Rekommenderad: