Kuidas teha Scrolling bännerid Koduleht

mitmel moel olemas luua banner kerimine teksti.Lihtsaim viis saada aimu, kuidas see protsess toimib on luua banner koos teksti redigeerimise programm nagu Notepad, mis on osa Windows.Notepadis saab luua lühikese tutvustamise veebilehe kerimine võimeid kasutades mõned HTML elemente või skriptimiskoodi nagu JavaScript või VBScript.JavaScript on eelistatud, sest see on natuke rohkem ühildub kõigi brauseritega.Mis keerukam tarkvara, mida saate teha kerimine pilte ka, aga tüsistused selle protsessi väljuvad see artikkel.

, mida te vajate

  • Windows Notepad või muu teksti redigeerimise tarkvara

juhised

  1. Loo põhi kerimine banner avades Notepadi "Start" menüü Windows.Programm asub "Accessories" grupp.Notepadis kirjuta järgmised read täpselt nii, nagu näidatud.See kood loob rida teksti, mis loeb üks täht korraga ja pidevalt lõin paremale koos "substring" käske.Tekst siis ilmub vormi asetatud veebilehe aadressil bänner positsiooni ülaosas ekraani.Et teha tekst leidke aeglas

    em, suurendada number "setTimeout" rida.Vähenda seda numbrit kiirendada liikuge.Taustavärvi (BGCOLOR) võib olla mis iganes värvi sa soovid. & Lt; br / & gt; & lt; br / & gt; & lt; html & gt; & lt; br / & gt; & lt; head & gt; & lt; br / & gt; & gt; & lt; /head & gt; & lt; br / & gt; & lt; Skriptikeel = \ "JavaScript \" & gt; & lt; br / & gt; var scr = "...."+ \" Need sõnad hoiab kerimist banner .... \ "& lt; br / & gt; funktsiooni ScrollAlong () & lt; br / & gt; {& lt; br / & gt; temp = scr.substring (0,1) & lt; br / & gt; GO & lt; br / & gt; scr + = temp & lt; br / & gt; scr = scr.substring (1 scr.length) & lt; br / & gt; GO & lt; br />document.BannerScroll.Banner.value = scr.substring (0,55) & lt; br / & gt; GO & lt; br / & gt; setTimeout (\ "ScrollAlong () \", 100) & lt; br / & gt; GO & lt; br / & gt;} & lt; br / & gt; & lt; / script & gt; & lt; br / & gt; & lt; body BGCOLOR = \ "# 00FF00 \" onLoad = \ "ScrollAlong () \" & gt; & lt; br / & gt; & lt; vormis name = \"BannerScroll \" & gt; & lt; br / & gt;& lt; div align = \ "keskus \" & gt; & lt; br / & gt;& lt; input name = \ "Banner \" type = \ "text \" väärtus = \ "\" size = \ "90 \" / & gt; & lt; br / & gt;& lt; / div & gt; & lt; br / & gt; & lt; / body & gt; & lt; br / & gt; & lt; html & gt; & lt; br / & gt; & lt; br / & gt; Salvesta see fail nimega Teie valitud asendab vaikimisi"txt" laiendit "HTML".Vaata tulemuse otsides faili arvutisse, klikkides "Open with" ja valides "Internet Explorer" või oma eelistatud veebilehitsejat.

  2. Superimpose kerimine teksti peale pildi Kasvataja ilme.Asetab see meetod tabeli tipus veebilehel.Seejärel tugineb "Marquee" element ja mitmed teised käsud, et kontrolli suunda, klahvivajutuste viivitus ja suurus keritava teksti.Vahetage pilti rida, mis algab "& lt; td taustal", mille faili nimi ja asukoht oma soovitud pilt.Muutke värve mida iganes sa tahad.Alter "scrolldelay" ja muid kontrolle, et see sobiks oma teksti. & Lt; br / & gt; & lt; br / & gt; & lt; html & gt; & lt; br / & gt; & lt; head & gt; & lt; br / & gt; & lt; / head & gt;& lt; br / & gt; & lt; body & gt; & lt; br / & gt; & lt; laua laius = \ "500 \" height = \ "150 \" border = \ "2 \" align = \ "keskus \" & gt; & lt; br / & gt; & lt; tr & gt; & lt; br / & gt; & lt; td taust = \ "C: [kasutage oma pilt siin]" bgcolor = \ "# FFFFFF \" & gt; & lt; font size = \ "4\ "nägu = \" Arial \ "color = \" # 000000 \ "& gt; & lt; b & gt; & lt; br / & gt; & lt; telk suund = \" õige \ "scrolldelay = \" 200 \ "& lt; br /& gt; käitumist = \ "Leidke \" scrollamount = \ "20 \" width = \ "700 \" height = \ "50 \" loop = \ "true \" & gt; & lt; br / & gt ;... See teksthoiab kerimist banner... & lt; br / & gt; & lt; / telk & gt; & lt; / b & gt; & lt; / font & gt; & lt; / td & gt; & lt; br / & gt; & lt; / tr & gt; & lt; br /& gt; & lt; / table & gt; & lt; br / & gt; & lt; / body & gt; & lt; br / & gt; & lt; / html & gt; & lt; br / & gt; & lt; br / & gt; Salvesta fail ja vaadata seda kui sammu1.

  3. muuta teksti leidke ülaosas pilt koos "Div" tag ja suurendavad koos "H2" tag.Muuda koodi samm 2 järgmiselt, siis salvestamiseks ja vaatamiseks kasutatakse vastavalt juhendile.& lt; br / & gt; & lt; br / & gt; & lt; html & gt; & lt; br / & gt; & lt; head & gt; & lt; br / & gt; & lt; / head & gt; & lt; br / & gt; & lt; body & gt; & lt; br/ & gt; & lt; div & gt; & lt; br / & gt;& lt; telk suund = \ "õige \" scrolldelay = \ "200 \" & lt; br / & gt; käitumist = \ "Leidke \" scrollamount = \ "20 \" width = \ "700 \" height = \ "50 \"loop = \" true \ "& gt; & lt; br / & gt;& lt; h2 & gt ;.See tekst hoiab kerimist banner...& lt; / h2 & gt; & lt; br / & gt;& lt; / telk & gt; & lt; br / & gt; & lt; img src = \ "[Sisesta failinimi ja asukoht oma pilt] \" width = \ "1000 \" height = \ "175 \" / & gt; & lt; br/ & gt; & lt; / div & gt; & lt; br / & gt; & lt; / body & gt; & lt; br / & gt; & lt; / html & gt;

  4. Sisestage banner kood oma veebilehele, kui rahul ja lae see üles oma veebi.

Tips & amp;Hoiatused

  • Esimene versioon sellest leidke kood kasutab Active-X kontrolli.Sõltuvalt teie veebilehitseja turvaseaded, võite saada kiiret ütlen teile Windows blokeeris toimimise kontroll ja küsib loa jätkata.Sel juhul on ohutu sõita, sest fail on oma arvutist. & Lt; br / & gt; & lt; br / & gt; Kui kerimine bännerid tihti vahetada, näiteks uudised, nad võivad muutuda igav sagedased külastajad.
  • Sa pead salvestada tekstifaili HTML faile või kerimine banner protsess ei toimi. & Lt; br / & gt; & lt; br / & gt; Mitte kõik veebilehitsejate toetada Marquee element.Mõtle, lisades teksti lugemist ka.

Resources

  • http://www.javascript.com/
848
0
0
Java Script