September 17
Diversi modi esistono per creare un banner con testo scorrevole. Il modo più semplice per avere un'idea di come funziona il processo è quello di creare un banner con un programma di editing di testo come Blocco note che fa parte di Windows. Nel Blocco note è possibile creare un breve pagina web dimostrazione con lo scorrimento funzionalità utilizzando alcuni elementi HTML o codice di script come JavaScript o VBScript. è preferito JavaScript perché è un po 'più compatibile con tutti i browser. Con il software più sofisticato, è possibile rendere le immagini di scorrimento pure, ma le complicazioni di questo processo andare oltre lo scopo di questo articolo.
1 Creare un banner a scorrimento base aprendo il Blocco note dal menu "Start" di Windows. Il programma si trova nel gruppo "Accessori". In Blocco note, digitare le seguenti righe esattamente come mostrato. Questo codice crea una riga di testo che viene letto un carattere per volta e continuamente urtato a destra con i comandi "sottostringhe". Il testo appare quindi in una forma inserito nella pagina web in una posizione banner nella parte superiore dello schermo. Per rendere il testo di scorrimento più lento, aumentare il numero nella riga "setTimeout". Diminuire il numero di accelerare il rotolo. Il colore di sfondo (BGCOLOR) può essere qualsiasi colore desiderato. <br /> <br /> <Html> <br /> <head> <br />> </ head> <br /> <SCRIPT LANGUAGE = \ " JavaScript \ "> <br /> var SCR =". . . . "+ \" Queste parole non mancherà di tenere lo scorrimento attraverso il banner .... \ "funzione <br /> ScrollAlong () <br /> <br /> {Temp = scr.substring (0,1) <br /> GO <br /> SCR + = temperatura <br /> SCR = scr.substring (1, scr.length) <br /> <br /> GO document.BannerScroll.Banner.value = scr.substring (0,55) < br /> <br /> GO setTimeout (\ "ScrollAlong () \", 100) <br /> <br /> GO} <br /> </ SCRIPT> <br /> <BODY BGCOLOR = \ "# 00FF00 \ "onLoad = \" ScrollAlong () \ "> <br /> <form name = \" "> <br /> <div align = \" centro \ "> <br /> <input name = \" BannerScroll \ Banner \ "type = \" "value = \" text \ \ "size = \" 90 \ "/> <br /> </ div> <br /> </ body> <br /> <html> <br /> <br /> Salvare il file con un nome di vostra scelta di sostituire il predefinito ".txt" prolunga con ".html". Guarda il risultato per localizzare il file sul PC, cliccando su "Apri con" e scegliendo "Internet Explorer" o il vostro browser web preferito.
2 Sovrapporre il testo scorrevole su un'immagine per un look più elaborato. Questo metodo posiziona un tavolo nella parte superiore della pagina web. Essa si basa poi sull'elemento "Marquee" e molti altri comandi per controllare la direzione, ritardo di ripetizione e la dimensione del testo a scorrimento. Sostituire l'immagine nella linea che comincia con "<td background" con il nome del file e l'ubicazione dell'immagine desiderata. Modificare i colori per quello che vuoi. Modificare il "scrolldelay" e altri controlli per soddisfare il vostro testo. <br /> <br /> <Html> <br /> <head> <br /> </ head> <br /> <body> <br /> <table width = \ "500 \" height = \ "150 \" border = \ "2 \" align = \ "centro \"> <br /> <tr> <br /> <td background = \ "C: [utilizzare la propria immagine qui] "bgcolor = \" # FFFFFF \ "> <font size = \" 4 \ "face = \" Arial \ "color = \" # 000000 \ "> <b> <br /> < tendone direzione = \ "giusto \" scrolldelay = \ "200 \" comportamento <br /> = \ "scroll \" scrollamount = \ "20 \" width = \ "700 \" height = \ "50 \" loop = \ "true \"> <br />... Questo testo sarà continuare a scorrere attraverso il banner... <br /> </ marquee> </ b> </ font> </ td> <br /> </ tr > <br /> </ table> <br /> </ body> <br /> </ html> <br /> <br /> Salvare il file e visualizzarlo come al punto 1.
3 Fare dello scorrimento del testo nella parte superiore dell'immagine con un tag "div" e aumentare le dimensioni con un tag "H2". Modificare il codice nel passaggio 2 come segue, quindi salvare e vista come indicato. <br /> <br /> <html> <br /> <head> <br /> </ head> <br /> <body> <br /> <div> <br /> <direzione marquee = \ " giusto \ "scrolldelay = \" 200 \ "comportamento <br /> = \" scroll \ "scrollamount = \" 20 \ "width = \" 700 \ "height = \" 50 \ "loop = \" true \ "> <br /> <h2>. Questo testo sarà continuare a scorrere attraverso il banner. . . </ H2> <br /> </ marquee> <br /> <img src = \ "[Inserire il nome del file e la posizione dell'immagine] \" width = \ "1000 \" height = \ "175 \" /> <br /> </ div> <br /> </ body> <br /> </ html>
4 Inserire il codice del banner nella tua pagina web quando soddisfatto e caricarlo sul vostro host web.