Tai „JavaScript“ kodas perkels vieną teksto eilutę, kurioje yra bet koks jūsų pasirinktas tekstas, horizontalioje erdvės vietoje be pertraukų. Tai daroma pridedant teksto eilutės kopiją prie slinkties pradžios, kai tik ji išnyksta iš palapinės vietos pabaigos. Scenarijus automatiškai nustato, kiek turinio egzempliorių reikia sukurti, kad užtikrintumėte, jog niekada nesibaigs tekstas jūsų palapinėje.
Tai apima kodą iš mano pavyzdžių, prie kurio pridedami du nauji mq objektai, turintys informacijos, ką rodyti tose dviejose palapinėse. Galite ištrinti vieną iš jų, o kitą pakeisti, kad jūsų puslapyje būtų rodoma viena tęstinė palapinė, arba pakartoti tuos teiginius, kad pridėtumėte dar daugiau palapinių. Funkcija „mqRotate“ turi būti vadinama pravažiuojančia mqr po to, kai žymekliai bus apibrėžti kaip tokie, kurie valdys sukimąsi.
// Ištisinė teksto palapinė
// autorių teisės - Stephen Chapman, 2009 m. rugsėjo 30 d
// http://javascript.about.com
// Suteiktas leidimas naudoti šį „Javascript“ savo tinklalapyje
// su sąlyga, kad visas žemiau esantis kodas šiame scenarijuje (įskaitant šiuos)
// komentarai) vartojami be pakeitimų
funkcija objWidth (obj) {if (obj.offsetWidth) return obj.offsetWidth;
if (obj.clip) grąžinti obj.clip.width; grįžti 0;} var mqr = []; funkcija
mq (id) {this.mqo = document.getElementById (id); var wid =
objWidth (this.mqo.getElementsByTagName ('span') [0]) + 5; var fulwid =
objWidth (this.mqo); var txt =
this.mqo.getElementsByTagName ('span') [0] .innerHTML; this.mqo.innerHTML
= ''; var heit = this.mqo.style.height; this.mqo.onmouseout = function ()
{mqRotate (mqr);}; this.mqo.onmouseover = function ()
{clearTimeout (mqr [0] .TO);}; this.mqo.ary = []; var maxw =
Math.ceil (fulwid / wid) +1; už (var i = 0; i <
maxw; i ++) {this.mqo.ary [i] = document.createElement ('div');
this.mqo.ary [i] .innerHTML = txt; tai.mqo.ary [i] .style.pozicija =
'absoliutus'; this.mqo.ary [i] .style.left = (wid * i) + 'px';
this.mqo.ary [i] .style.width = wid + 'px'; tai.mqo.ary [i] .style.height =
heit; this.mqo.appendChild (this.mqo.ary [i]);} mqr.push (this.mqo);}
funkcija mqRotate (mqr) {if (! mqr) return; už (var j = mqr ilgis - 1; j
> -1; j--) {maxa = mqr [j] .aris ilgis; už (var i = 0; imqr [j] .ar [i] .stilas; x.left = („parseInt“ (x.kairė, 10) -1) + 'px';} var y =
mqr [j] aris [0] stilius; if (parseInt (y.left, 10) + parseInt (y.width, 10) <0)
{var z = mqr [j] .ary.shift (); z.style.left = („parseInt“ (z.style.left) +
parseInt (z.style.width) * maxa) + 'px'; mqr [j] .ary.push (z);}}
mqr [0] .TO = setTimeout ('mqRotate (mqr)', 10);}
Faktinis palapinės teksto turinys nurodomas skyriuje div. Patikros žymos plotis bus naudojamas kaip kiekvienos palapinės turinio kartojimo plotis (plius 5 taškai, kad jie būtų atskirti vienas nuo kito).
Galiausiai įsitikinkite, kad „JavaScript“ kode, kad galėtumėte pridėti mq objektą įkeliant puslapį, yra teisingos reikšmės.
Norėdami pridėti papildomų žymelių, HTML rinkinyje galite nustatyti papildomus dalykus, suteikdami kiekvienam savo teksto turinį ribose; nustatykite papildomus užsiėmimus, jei norite stilių rengti skirtingai; ir pridėkite tiek daug naujų mq () teiginių, kiek turite žymeklių. Įsitikinkite, kad „mqRotate ()“ skambutis seka po jų, kad galėtų valdyti palapines mums.