Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako používať bežiaci text v Javascriptu

rolovanie textu pomocou JavaScriptu kódovanie sa používa na posúvanie texte zvisle alebo vodorovne cez časť div webové stránky . Je to spôsob , ako prilákať čitateľa na určitom mieste na stránke . Používajte rolovacie striedmo , však, pretože to môže vytvoriť stránku , ktorá je príliš honosné a ťažko čitateľné . Použitie rolovanie texte trvá len niekoľko riadkov kódu vložené do funkcie , ktorá sa nazýva v " pageLoad " udalosti v HTML . Pokyny dovolená 1

Vložte div do svojej webovej stránky . Div obsahuje text , ktorý chcete posunúť . Nižšie je ukážka prvku div , ktorý obsahuje text . Všimnite si pozície div zodpovedá pôvodnej premennej pozície vytvorili v kroku 2

Môj Posúvanie Text < . ;/div >
2

Nastavte počiatočnú pozíciu texte div . To mu dáva východiskové miesto , z ktorého sa scroll.var IPO = 200 ;
3

Offset " top " nastavený atribút v kroku 1 o 1 pixel . To sa pohybuje zvisle upward.iPos - = 1 ;
4

priradiť premennú div obnoviť svoju pozíciu a pokračovať zvitok : myDiv = document.getElementById ( ' scrollingtext ' ) ;

5

myDiv.style.top = IPOS ;
6

Nastavte časovač tak , aby sa text presunie do ďalšej pixel . Časovač je nastavený v milliseconds.window.setTimeout ( " Scroll ( ) ; " , 25 ) ; " Scroll ( ) " je názov funkcie kódu vytvoreného v tomto príklade . Pozície texte bude pohybovať každých 25 milisekúnd .
7

Vložte funkciu automaticky pri otvorení stránky . Použite nasledujúcu vlastnosť v tele tagu HTML stránky :

Najnovšie články

Copyright © počítačové znalosti Všetky práva vyhradené