Kā izveidot tīmekļa vietnes ziņu ritinātāju

Izmantojot HTML tagu, varat izveidot vienkāršu ziņu ritināšanas rīku savai vietnei. Lai gan "" ir nestandarta atzīme, ko Microsoft izstrādājusi Internet Explorer, daudzas tīmekļa pārlūkprogrammas, kas darbojas datoros, viedtālruņos un citās mobilajās ierīcēs, to atbalsta. Jūsu ziņu vienumi var saturēt tikai formatētu tekstu vai teksta un attēlu kombināciju. Varat arī konfigurēt tagu, lai ritinātu jūsu ziņu vienumus pa kreisi, pa labi, uz augšu vai uz leju.

1.

Uzsākt Notepad vai citu tekstu vai kodu redaktoru pēc jūsu izvēles. Noklikšķiniet uz izvēlnes Fails. Noklikšķiniet uz "Atvērt". Izmantojiet failu pārvaldnieku, lai atrastu HTML failu, uz kuru vēlaties pievienot ziņu ritinātāju.

2.

Noklikšķiniet uz peles rādītāja HTML koda sadaļā, kurā vēlaties pievienot ziņu ritinātāju.

3.

Ierakstiet "" tukšu vietu. Nospiediet taustiņu "Enter".

4.

Ierakstiet ziņu vienumus zem taga. Pēc katras ziņu vienības ierakstiet "" un nospiediet "Enter", lai ritinātājs rādītu tikai vienu ziņu vienumu katrā rindā.

5.

Nospiediet taustiņu "Enter" pēc pēdējās ziņas. Ierakstiet sadaļu "", lai aizvērtu maršruta sadaļu. Nospiediet taustiņu "Enter".

6.

Lai saglabātu izmaiņas, ierakstiet "Ctrl-S".

Padoms

  • Jūs varat mainīt veidu, kā jūsu ziņu ritināšanas ekrāns tiek parādīts, pielāgojot maršruta atribūtus. Piemēram, atribūts "platums" kontrolē, cik plašs ir jūsu ziņu ritinātājs jūsu tīmekļa lapā. Varat uzdot atribūtam "uzvedība" ritināt ritināšanas virzienu. Varat arī kontrolēt, cik ātri ziņu vienumi ritina, iekļaujot atribūtu "scrolldelay" un norādot skaitļa vērtību.

Brīdinājums

  • Dažādās pārlūkprogrammās var būt atšķirības, interpretējot jebkuru CSS stilu, kas tiek piemērots telts vai tā saturam. World Wide Web Consortium strādā pie CSS standartiem, kas attiecas uz piestātnēm, taču tie vēl nav oficiāli. Alternatīva ir izmantot starpplatformu JavaScript bibliotēku, piemēram, jQuery, lai izveidotu telts tipa ziņu ritinātājus, kas automātiski pielāgo savu izskatu un uzvedību, lai tie atbilstu konkrētas ierīces iespējām. Jūs parasti varat atrast demo kodu, izmantojot šīs bibliotēkas, kas atdarina un uzlabo marķējuma funkciju.
 

Atstājiet Savu Komentāru