Esistono più modi per creare un banner con testo a scorrimento. Il modo più semplice per avere un'idea di come funziona il processo è quello di creare un banner con un editor come blocco note che fa parte di Windows di testo. Nel blocco note è possibile creare una pagina web di breve dimostrazione con le funzionalità di scorrimento utilizzando alcuni elementi HTML o codice come JavaScript o VBScript di script. JavaScript è comodo perché è un po' più compatibile con tutti i browser. Con un software più sofisticato, è possibile rendere scorrimento immagini pure, ma le complicazioni di questo processo vanno oltre lo scopo di questo articolo.
Istruzioni
1
Creare un banner a scorrimento base aprire blocco note dal menu "Start" di Windows. Il programma si trova nel gruppo "Accessori". Nel blocco note, digitare le seguenti righe esattamente come indicato. Questo codice crea una riga di testo che è leggere un carattere alla volta e continuamente urtato a destra con i comandi "sottostringa". Il testo apparirà poi in una forma inserita nella pagina web a una posizione di banner nella parte superiore dello schermo. Per rendere lo scorrimento del testo più lento, aumentare il numero nella riga "setTimeout". Diminuire questo numero per velocizzare lo scorrimento. Il colore di sfondo (BGCOLOR) può essere di qualsiasi colore si voglia. < br / >< br / >< html >< br / >< testa >< br / >>< / testa >< br / >< SCRIPT LANGUAGE = \ "JavaScript\" >< br / > var scr = "...." + \"These parole saranno mantenere lo scorrimento attraverso il banner... \" < br / > funzione ScrollAlong() < br / > {< br / > temp = scr.substring(0,1) < br / > andare < br / > scr + = temp < br / > scr = SCR.Substring(1,SCR.length) < br / > andare < br / > documento. BannerScroll.Banner.value = scr.substring(0,55) < br / > andare < br / > setTimeout(\"ScrollAlong()\",100) < br / > andare < br / >} < br / >< / SCRIPT >< br / >< corpo BGCOLOR = \ "#00FF00\" onLoad = \ "ScrollAlong () \" >< br / >< nome modulo = \ "BannerScroll\" >< br / >< div align = "Center" \ \ >< br / >< nome di input = \ "Banner\" tipo = \ "testo \" valore = \ "\" dimensione = \ "dei anni 90" / >< br / >< / div >< br / >< / corpo >< br / > < html >< br / >< br / > salvare il file con un nome di propria scelta sostituendo il valore predefinito "estensione. txt" con". HTML". Mostra il risultato di individuazione dei file sul tuo PC, facendo clic su "Apri con" e scegliere "Internet Explorer" o il browser web preferito.
2
Sovrapporre il testo scorrevole su un'immagine per un look più elaborato. Questo metodo inserisce una tabella nella parte superiore della pagina web. Essa si basa quindi sull'elemento "Marquee" e diversi altri comandi per controllare la direzione, ripetere il ritardo e la dimensione del testo scorrevole. Sostituire l'immagine nella riga che inizia "< sfondo td" con il nome file e il percorso dell'immagine desiderata. Modificare i colori di tutto quello che vuoi. Alterare il "scrolldelay" e altri controlli per soddisfare il vostro testo. < br / >< br / >< html >< br / >< testa >< br / >< / testa >< br / >< corpo >< br / >< larghezza tavola = \ altezza "500\" = \ "150\" border = \ "2 \" allineare = \ "Center \" >< br / >< tr >< br / >< sfondo td = \ "C : [utilizzare la propria immagine qui] "bgcolor = \"#FFFFFF\">< dimensione carattere = \"4 \"face = \"arial\"colore = \"#000000\">< b >< br / >< direzione tendone = \"right\"scrolldelay = \"200\"< br / > comportamento = \"scroll\"scrollamount = \"20"larghezza = \"700"altezza = \"50"loop = \"true\">< br / >... Questo testo sarà mantenere lo scorrimento attraverso il banner... < br / >< / tendone >< / b >< / font >< /td >< br / >< /tr >< br / >< / tavolo >< br / >< / corpo >< br / >< / html >< br / >< br / > salvare il file e visualizzarlo come al punto 1.
3
Rendere il testo scorre attraverso la parte superiore dell'immagine con un tag "Div" e aumentare la dimensione con un tag "H2". Modificare il codice nel passaggio 2 come indicato di seguito, quindi salvare e visualizzare come diretto. < br / >< br / >< html >< br / >< testa >< br / >< / testa >< br / >< corpo >< br / >< div >< br / >< direzione tendone = \ "right\" scrolldelay = \ "200\" < br / > comportamento = \ "scroll\" scrollamount = \ "20" larghezza = \ "700" altezza = \ "50" loop = \ "true\" >< br / >< h2 >. Questo testo sarà mantenere lo scorrimento attraverso il banner... < / h2 >< br / >< / tendone >< br / >< img src = \ "[inserire il nome del file e la posizione della vostra immagine] \" larghezza = \ "1000\" altezza = \ "175\" / >< br / >< / div >< br / >< / corpo >< br / >< / html >
4
Inserire il codice del banner nella tua pagina web quando è soddisfatto e caricarlo sul tuo host web.
Consigli & Avvertenze
- La prima versione di questo codice di scorrimento utilizza controlli ActiveX. A seconda delle impostazioni di sicurezza del browser web, è possibile ottenere un prompt dei comandi che ti dice che Windows ha bloccato l'esecuzione del controllo e chiedendo il permesso di procedere. In questo caso si consiglia di procedere poiché il file è sul proprio PC. < br / >< br / > a meno che le bandiere di scrolling vengono cambiati frequentemente, ad esempio con rapporti di notizie, potrebbero diventare noiosi di visitatori frequenti.
- È necessario salvare questi file di testo come file HTML o il processo di scorrimento banner sarà non lavoro. < br / >< br / > non tutti i browser web supportano l'elemento Marquee. Pensare ad aggiungere anche il testo leggibile.