Tämä JavaScript -koodi siirtää yhden tekstimerkkijonon, joka sisältää minkä tahansa valitsemasi tekstin vaakasuunnassa, ilman taukoja. Se tekee tämän lisäämällä kopion tekstimerkkistä vierityksen alkuun heti, kun se katoaa telttatilan lopusta. Skripti selvittää automaattisesti, kuinka monta kopiota sisällöstä se tarvitsee luodakseen varmistaakseen, että et koskaan lopu telttasi tekstistä.
Tämä sisältää esimerkkien koodin, joka lisää kaksi uutta mq-objektia, jotka sisältävät tiedot näissä kahdessa viehättävässä maassa. Voit poistaa yhden niistä ja muuttaa toista näyttämään yhden jatkuvan teltan sivullasi tai toistaa nämä lauseet lisätäksesi vielä telttoja. MqRotate-toimintoa on kutsuttava ohittavaksi mqr: ksi sen jälkeen kun markkinat on määritelty siten, että ne käsittelevät kiertoa.
// Jatkuva tekstimerkki
// tekijänoikeudet 30. syyskuuta 2009 kirjoittanut Stephen Chapman
// http://javascript.about.com
// lupa käyttää tätä Javascriptiä verkkosivustollasi myönnetään
// edellyttäen, että kaikki tämän komentosarjan alla olevat koodit (mukaan lukien nämä)
// kommentit) käytetään ilman muutoksia
toiminto objWidth (obj) {if (obj.offsetWidth) palauttaa obj.offsetWidth;
if (obj.clip) palauttaa obj.clip.width; paluu 0;} var mqr = []; toimia
mq (id) {this.mqo = document.getElementById (id); var wid =
objWidth (this.mqo.getElementsByTagName ('span') [0]) + 5; var fulwid =
objLeveys (tämä.mqo); var txt =
this.mqo.getElementsByTagName ( 'span') [0] .innerHTML; this.mqo.innerHTML
= ''; var heit = tämä.mqo.style.korkeus; this.mqo.onmouseout = funktio ()
{mqRotate (mqr);}; this.mqo.onmouseover = funktio ()
{clearTimeout (mqr [0] .TO);}; this.mqo.ary = []; var maxw =
Math.ceil (fulwid / wid) +1; varten (var i = 0; i <
maxw; i ++) {this.mqo.ary [i] = document.createElement ( 'div');
tämä.mqo.ary [i] .innerHTML = txt; tämä.mqo.ary [i] .style.positio =
'Absoluuttinen'; this.mqo.ary [i] .style.left = (wid * i) + 'px';
this.mqo.ary [i] .style.width = wid + 'px'; tämä.mqo.ary [i] .style.height =
hän se; this.mqo.appendChild (this.mqo.ary [i]);} mqr.push (this.mqo);}
funktio mqRotate (mqr) {if (! mqr) paluu; for (var j = mqr pituus - 1; j
> -1; j--) {maxa = mqr [j] .arvonpituus; for (var i = 0; imqr [j] aary [i] tyle; x.left = (parseInt (x.vasen, 10) -1) + 'px';} var y =
mqr [j] .ary [0] .style; if (jäsentää (y.vasen, 10) + jäsentää (y.leveys, 10) <0)
{var z = mqr [j] .ary.shift (); z.style.left = (parseInt (z.style.left) +
parseInt (z.style.leveys) * maxa) + 'px'; mqr [j] .ary.push (z);}}
mqr [0] .TO = setTimeout ('mqRotate (mqr)', 10);}
Markkinan todellinen tekstisisältö menee div-osan sisälle span-tunnisteessa. Verkkotunnisteen leveys on se, jota käytetään teltan sisällön jokaisen iteraation leveytenä (plus 5 pikseliä vain niiden sijoittamiseksi toisistaan).
Varmista lopuksi, että JavaScript-koodi, joka lisää mq-objektin sivun lataamisen jälkeen, sisältää oikeat arvot.
Lisämerkkien lisäämiseksi voit asettaa ylimääräisiä osioita HTML-koodiin antamalla jokaiselle oman tekstin sisällön span sisällä; perustaa lisäluokkia, jos haluat tyyliä telttoja eri tavalla; ja lisää niin monta uutta mq () -lausetta kuin sinulla on telttoja. Varmista, että mqRotate () -soitto seuraa heitä käyttämään telttoja.