Attraktiva sida, eller lära sig att göra en HTML ticker

Exponerings balans mellan att fånga uppmärksamheten hos besökare och animation sidor är viktigt. Modern Internetanvändare ska upplevas nog och deras specifika planer, som är placerade i någon form av representation. Att många reklam teknikutvecklare och webbdesigners har bildat ett adekvat svar av besökarna. Det är viktigt att tänka på. Om planerna inte har som mål att skapa en verkligt aktiv förmåga att reagera individuellt till alla som har kommit till en sida som erbjuder en dialog som det förväntar sig, är det bäst att inte visa överdriven nit inom reklam i allmänhet och i synnerhet dynamiken i sidorna.

Obsessive animation som ett oväntat ljud eller mening "skriver telefonnummer och en minut senare du kommer att ringa" inte längre lockar besökaren, och i de flesta fall, minskar intresset för resursen, sedan hur man gör löpande rad i HTML-koden som möjligt för att uppmärksamma de objekt du vill site.

JavaScript eller HTML

Kapacitet HTML och CSS kan du snabbt få en mängd ursprungliga effekter av rörliga objekt och ofta kan du göra även utan en enkel JavaScript-kod, så hur man gör rullning och rörlig bild gör tält tag, och kostnadseffektivt. Inledningsvis verkade han i Internet Explorer och sedan har genomförts i andra webbläsare.

Intresset för en enkel animation under de senaste åren har sänkt och de alternativ som beskriver hur man gör en HTML ticker, ansågs en kvarleva från det förflutna. Även om det inte är känt att det är dags att hänvisa till historien och handfat. Olika historiska relik så att undervisa sina samtida, att intresset kommer att vara högre än de dyraste lotion på din smartphone eller intelligens nanobot.

tagg marquee

tält tag kan du ställa upp / ned, vänster till höger eller vice versa, inom hela sidan eller en separat enhet. Det finns färg attribut storlek, hastighet. Utvecklaren har en full palett av verktyg för att göra utseende och förflyttning av innehållet på sidan meningsfull, attraktiv och diskret. Innan du gör en HTML ticker, måste du förstå att detta är främst en följd av utvecklare intresse för besökaren, hans önskan att få den sista bra innehåll, ett tillräckligt utbud på rätt sätt. Det är dock inte i den löpande linjen och hur full av sidan och dess delar är förbundna med varandra.

Idén, som i HTML för att bläddra i en diskret form, för att göra sidan lever, kommer att tänka på alla utvecklare. Detta element kan noteras aktuell information visar förflyttning av förändringar aktiekursen, utseende rabatter, och så vidare.

Viktiga egenskaper hos Marquee

Marquee erbjuder inte särskilt stor mängd olika alternativ som beskriver hur man skapar en rullande text i HTML:

• beteende attribut specificerar rörelse mellan cellsidor (alternerande);
• rullning, i vilket innehållet går i en cirkel på grund av ett element gränsen och går till en annan (scroll);
• Du kan mata ordet och "lim" dem till varandra (bild).

Rörelseriktningen bestämmer riktningen attribut som gör att du kan bestämma rörelsen av vänster och höger (vänster | höger) uppåt eller nedåt (up | nedåt).

Gränserna för den region där innehållet flyttas, attributen bestämda bredd och höjd, som kan ställas in "tunna" effekter. это не всегда именно перемещение информации. När allt kommer omkring, är tanken att göra HTML rullning - det är inte alltid rörelse av information. Du kan ange en mycket liten gränsen till ett enda tecken (till exempel "om", "x", "!", ...) och få en helt oväntade och attraktiva delarna av sammansättningen, utan att spendera en enda bytekod i JavaScript.

Infoga en bild

Flytta kan inte bara information, men även andra delar av HTML-kod. Du kan uppnå de ursprungliga effekter när du flyttar, till exempel * .gif bilder. Till skillnad från PNG och JPG, kan GIF bilder kan själva animerade. Till exempel är det möjligt att dra ett vridbart hjul bil eller en droppe som varierar när flugorna att landa. Genom att ställa in rörelse av hjulet horisontellt, vilket i sig roterar kan du skapa en illusion av rörelse. Tja, fyra hjul - det är en livlig bil utan en enda rad JavaScript-kod.

På samma sätt kan du ange rörelse nedgången uppifrån och ner. Medan bilden "faller", om ändringen motsvarar aerodynamik i processen, är den önskade effekten ganska obetydliga åtgärder kommer att uppnås.

Hur man gör rullande text i HTML valfria medel för att enkelt och effektivt? Du kan komma med intressanta alternativ för icke-traditionella sätt. Det är känt att färgförändringar tecken, bakgrundsbilder lastning, manipulera elementstorlekar tillåts på sidorna dynamiskt. Detta gör det möjligt att skapa rullande text, till exempel som en följd av element som visas på skärmen med olika grader av öppenhet, ändra dess storlek eller placering på sidan.

Hyper och programmering: all formell och strikt målade, men även strikt formell struktur inte begränsar möjligheterna för enkel, effektiv och dynamisk presentation.