/ / Maak een crawl-HTML

Maak een HTML-schuiflijn

HTML heeft een kruipende lijnafsluitende tag . Het kan niet alleen tekst bevatten, maar ook andere elementen: tabellen, afbeeldingen, formulieren, enzovoort. Met behulp van attributen wordt niet alleen horizontale verplaatsing ingesteld, maar ook verticaal. Voor dit laatste moet u de hoogte van het veld opgeven.

Interessant genoeg, oorspronkelijkHet is gemaakt voor Internet Explorer, terwijl anderen het later hebben begrepen. Hoewel meestal het tegenovergestelde gebeurt, en het is de browser van Microsoft die altijd als een achterblijvende werkt, waardoor veel problemen voor programmeurs ontstaan.

HTML-code

actualiteit

is een sluipende lijntag in HTML. Het wordt ondersteund door alle huidige browserversies. In dit opzicht zijn er geen problemen en u kunt het veilig gebruiken.

Qua semantiek wordt het echter als verouderd beschouwd en is het niet langer opgenomen in de HTML-specificatie. De code die deze tag bevat, is dus niet geldig.

С чем это связано?In moderne HTML is er geen kruipende lijn, aangezien alle animatie en styling door CSS wordt gedaan. Soms moet je JS gebruiken. Dienovereenkomstig is HTML alleen verantwoordelijk voor markup. Niettemin werkt prima, dankzij de voortdurende compatibiliteit met oudere versies.

syntaxis

In HTML wordt een kruipende lijn gespecificeerd door een afsluitende tag:

 ... 

Binnenin kan niet alleen tekst worden geplaatst, maar ook andere elementen, zoals foto's of tabellen. Bedenk dat deze code, hoewel deze werkt, niet geldig zal zijn.

Kruipende lijn

Scroll snelheid

U kunt de kruipende lijn in HTML besturen met behulp van attributen. De bewegingssnelheid wordt ingesteld via het kenmerk scrollamount. Het ziet er zo uit:

 wat tekst  

De verandering in snelheid is te wijten aan constantinformatie over de positie van de tekst verwijderen en op een nieuwe plaats weergeven. Door de waarde in het kenmerk te wijzigen, stellen we het aantal pixels in tussen de oude positie en de nieuwe. Dienovereenkomstig, hoe groter de waarde, hoe groter de snelheid. Dit kenmerk wordt ondersteund door alle browsers.

Als de scrollsnelheid te snel is,automatische beperking wordt ingeschakeld zodat de tekst leesbaar blijft. Als u deze beperking wilt omzeilen, voert u het kenmerk truespeed in. Merk op dat niet alle browserversies het begrijpen. IE en Firefox kunnen ermee werken.

De vertraging tussen schuivende tekst kan worden ingesteld met behulp van het kenmerk scrolldelay.

Scroll vak

De breedte van de tag neemt de volledige breedte van de ouder in beslagelement. En in hoogte zal het gelijk zijn aan de inhoud binnenin. Om dit te veranderen, moet u twee attributen gebruiken die verantwoordelijk zijn voor hoogte en breedte. Dit zijn respectievelijk hoogte en breedte. U kunt pixels of percentages gebruiken.

Er zijn ook nog twee attributen, namelijk hspace envspace. Ze zijn nodig om lege ruimte rond de kruipende lijn te creëren, of beter gezegd, inspringen. De afstand wordt respectievelijk horizontaal en verticaal ingesteld.

Bewegingsparameters

Naast snelheid kunt u ook andere instellenbewegingsparameters. Het direction attribuut is verantwoordelijk voor het direction attribuut. Tekst wordt standaard van rechts naar links verplaatst. Deze beweging komt overeen met de waarde van rechts. Om de tekst in de tegenovergestelde richting te laten bewegen, specificeert u gewoon links, en het ziet er als volgt uit:

 ... 

Naast horizontaal scrollen kunt u ook verticaal specificeren. Om de inhoud omhoog te verplaatsen, gebruikt u de waarde omhoog en omlaag - omlaag.

Om de aard van de beweging te veranderen, zijn er nog tweeinteressant en nuttig attribuut. U kunt het aantal scrollen specificeren waarna de inhoud stopt op zijn uiterste positie en niet beweegt. Deze eigenschap komt overeen met het luskenmerk. De standaardwaarde is -1. Indien ingesteld op 0, zal de tekst helemaal niet bewegen. Gehele getallen boven 0 beginnen de teller.

Een meer omvangrijk attribuut is gedrag.Hij is verantwoordelijk voor de manier waarop de inhoud beweegt. De standaardwaarde is scrollen. Het betekent dat de inhoud in een bepaalde richting beweegt en nadat deze volledig is verdwenen, deze weer gaat bewegen.

Als er weinig inhoud is, kunt u het kenmerk instellenalternatieve waarde. Nadat het uiterste punt is bereikt, begint de inhoud in de tegenovergestelde richting te bewegen. En dus een oneindig aantal keren als er geen teller is ingesteld.

De laatste waarde is dia. Hij instrueert de inhoud om het einde te bereiken en te stoppen.

HTML voor opmaak, CSS voor stijlen

stijlen

De tag bevat het kenmerk bgcolor, waarmee u de achtergrondkleur van de tekenreeks kunt instellen. Standaard is het hetzelfde als de pagina.

Om een ​​mooie kruiplijn te maken, is HTML niet genoeg. Moet stijlen gebruiken. Als we bijvoorbeeld de tekst mooier willen maken:

 Kruipende lijn 

toepassing

Er zijn veel manieren om een ​​kruiplijn te gebruiken.U kunt eenvoudig de lopende tekst gebruiken om de aandacht te trekken. Het is mogelijk om een ​​schijn van een informant te maken die een grote hoeveelheid tekst bevat. U kunt ook een reeks afbeeldingen invoegen die soepel zullen bewegen. Dit zal meer inhoud tonen.

De kruipende lijn in de HTML-code helpt bij het maken van een eenvoudige animatie als u een geanimeerde afbeelding toepast, bijvoorbeeld van een rennende persoon.

In de kruipende lijn is niet alleen tekst beschikbaar

uitslagen

We hebben besproken hoe u een selectiekader in HTML kunt maken.Dit is een vrij eenvoudige methode die gemakkelijk te leren is. Het is echter achterhaald en slaagt niet voor validatie. Ik heb geen verdere ontwikkeling en ondersteuning ontvangen, wat problemen kan veroorzaken bij het werken in verschillende browsers.

CSS is beter voor animatie

We raden het gebruik ervan af.Om een ​​kruipende lijn te maken, of liever animatie in het algemeen, heeft CSS3 een unieke @keyframes-regel gekregen. Hiermee kunt u opeenvolgende animatieframes maken. En de eigenschap animatie bepaalt al de stroom van deze animatie. Deze toolkit biedt veel meer functies dan de oude -tag. Het gebruik ervan is ook veel handiger en het belangrijkste is waar we al jaren naar streven: HTML verwijderen van onnodige rommel en het leesbaarder en gestructureerder maken.

leuk vond:
0
© 2018, "Paulturner-Mitchell.com". Gebruik van enig materiaal dat op de site is geplaatst is toegestaan ​​mits de link naar "Paulturner-Mitchell.com".
Y