Avatar billede da9el Nybegynder
13. marts 2004 - 18:49 Der er 6 kommentarer og
1 løsning

Rulle tekst

Hej er der nogle der ved hvordan man laver en rulle tekst som kører fra højre mod venstre??
        Hilsen Daniel
Avatar billede roenving Novice
13. marts 2004 - 18:55 #1
Til flere tekster !-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Marquee</title>
<meta name="Generator" content="Stone's WebWriter 4">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="olebole,roenving">
<style type="text/css">
.scroller {
    font-family: verdana, arial, sans-serif;
    font-size: 130px;
    font-weight: bold;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
}
</style>
<script type="text/JavaScript">
var marqNum,marqDelay,marqScrllAmnt,marq,marqCont,d=document;
function gE(id){return (d.all)?d.all[id]:d.getElementById(id)}
function pI(str){return parseInt(str)}

marqNum = 0;
var marqTxt = ["Hos Fiktiv Auto A/S f\345r du store fordele som erhvervsbilist!","Kr\346v surfing med S\370rens portal!"];
marqDelay = 1;
marqScrllAmnt = 1;

function scrollMarq() {
    if (pI(marq.style.left)+marq.offsetWidth < 0) {
        marq.style.left = marqCont.offsetWidth + "px";
        marqNum = (marqNum+1)%marqTxt.length;
        marq.innerHTML = marqTxt[marqNum];
    }
    marq.style.left = pI(marq.style.left) - marqScrllAmnt + "px";
}
function startMarq() {
    gE("myMarquee").innerHTML = '<div class="scroller"></div>';
    marqCont = (d.all)? gE("myMarquee").children[0] : gE("myMarquee").childNodes[0];;
    marqCont.style.width = "100%";
    marqCont.innerHTML = '<span style="position:relative;"></span>';
    marq = (d.all)? marqCont.children[0] : marqCont.childNodes[0];
    marq.innerHTML = marqTxt[marqNum];
    marq.style.left = marqCont.offsetWidth + "px";
    marqCont.style.height = marq.offsetHeight + "px";
    setInterval("scrollMarq()", marqDelay);
}
window.onload = startMarq;
</script>
</head>
<body>

<!-- MARQUEE START -->
<div id="myMarquee" style="position:relative"></div>
<!-- MARQUEE END -->

</body>
</html>
Avatar billede da9el Nybegynder
13. marts 2004 - 19:33 #2
Den virker men hvordan skruer jeg op for hastigheden??
          Hilsen Daniel
Avatar billede roenving Novice
13. marts 2004 - 19:50 #3
Ved at øge denne:

marqScrllAmnt = 1;

-- allerede ved 2 er den passende, hvis du laver bogstav-størrelsen meget mindre, den nuværende begynder at blive dårlig før du når 10 !-)
Avatar billede roenving Novice
13. marts 2004 - 19:50 #4
-- og hvis du kun skal have en, skal du nøjes med at skrive en tekst i arrayet !-)
Avatar billede da9el Nybegynder
13. marts 2004 - 20:05 #5
Jeg siger mange tak for hjælpen ligger du lige et svar??
            Hilsen Daniel
Avatar billede roenving Novice
13. marts 2004 - 20:14 #6
Velbekomme '-)
Avatar billede roenving Novice
13. marts 2004 - 20:17 #7
-- og tak for points ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester