HTML heeft een kruipende lijnafsluitende tag
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.
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
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.
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:
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.
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.
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.
De tag
Om een mooie kruiplijn te maken, is HTML niet genoeg. Moet stijlen gebruiken. Als we bijvoorbeeld de tekst mooier willen maken:
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.
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.
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