Avatar billede curriculum Nybegynder
13. august 2005 - 18:24 Der er 7 kommentarer og
1 løsning

Horisontal rullende overskrifter

Jeg vil lave et javascript, der kan f.eks. tage 20 de seneste overskrifter og rulle dem horisontalt i en bar (800 px bred). Kan nogen hjælpe mig med det her ?
Avatar billede roenving Novice
13. august 2005 - 18:28 #1
Måske kan du bruge den, der ligger her: http://www.eksperten.dk/spm/543017 !-)
Avatar billede curriculum Nybegynder
13. august 2005 - 18:33 #2
Ja, den mangler at kunne stoppe ved mouseover og link til hvert array item.
Avatar billede roenving Novice
13. august 2005 - 18:35 #3
Hrm, jeg syntes, jeg havde lagt den i en kommentar engang,men her er en:

<!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,http://www.eksperten.dk/spm/543017">
<style type="text/css">
.scroller {
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
}
</style>
<script type="text/JavaScript">
var marqNum,marqDelay,marqScrllAmnt,marq,marqCont,d=document,timer;
function gE(id){return (d.all)?d.all[id]:d.getElementById(id)}
function pI(str){return parseInt(str)}

marqNum = 0;
var marqTxt = ["<a href='...'>Link 1</a>","<a href='...'>Link 2</a>","<a href='...'>Link 3</a>&nbsp;<a href='...'>Link 4</a>"];
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 stopMarq(){
  clearInterval(timer);
}
function restartMarq(){
  timer = setInterval("scrollMarq()", marqDelay);
}
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;" onmouseover="stopMarq();" onmouseout="restartMarq();"></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";
    timer = setInterval("scrollMarq()", marqDelay);
}
window.onload = startMarq;
</script>
</head>
<body>

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

</body>
</html>
Avatar billede curriculum Nybegynder
13. august 2005 - 18:39 #4
Yes det var lige den...
Utroligt, jeg fik svaret her indenfor 2 minutter, istedet jeg skulle ud på nettet at lede og stykke kode sammen selv.

Tak for det roenving :)
Avatar billede curriculum Nybegynder
13. august 2005 - 18:40 #5
okey et par + lidt mere minutter...
Avatar billede curriculum Nybegynder
13. august 2005 - 18:41 #6
Send mig et svar....
Avatar billede roenving Novice
13. august 2005 - 18:44 #7
Velbekomme '-)
Avatar billede roenving Novice
13. august 2005 - 18:46 #8
-- og tak for point ;~}
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