Avatar billede mrfunder Nybegynder
27. juni 2004 - 17:31 Der er 8 kommentarer

Marquee der kører op, og holder pause

Hejsa. Jeg søger lidt hjælp. Jeg ved ikke om det skal laves i JavaScript eller html. Men jeg vil prøve at formulere det jeg søger...


1. Jeg mangler en marquee der kører op, og så kan man se den i 5 sekunder hvor den så fader væk eller kører videre op.

2. Når den så forsvinder (ved at køre op eller fade væk), Så skal der komme en ny marquee hvor der står noget andet i.

Jeg skal bruge en marquee hvor der er 3 forskelligt tekst i.

<marquee scrollamount="1" direction="up" height="15" behavior="slide">Hej med dig</marquee>


Jeg håber virkelig at der er nogen der kan hjælpe mig, På forhånd tak :-)
Avatar billede mrfunder Nybegynder
27. juni 2004 - 17:56 #1
Er der slet ingen der kan hjælpe mig?
Avatar billede o-zone Nybegynder
27. juni 2004 - 18:16 #2
er det noget i den her stil du søger?
http://www.dynamicdrive.com/dynamicindex2/crosstick.htm
..ellers er jeg sikker på at du kan finde et eller andet på dynamicdrive! :-)
Avatar billede mrfunder Nybegynder
27. juni 2004 - 18:58 #3
Ja, noget i den stil.. Bare ikke med så meget kode og hvor jeg skal til at ændre farve, højde mm.
Avatar billede mm12010 Nybegynder
27. juni 2004 - 20:12 #4
måske sådan:

<script type="text/javascript">
m=0;
var txt=["Hej med dig","hejsa igen","igen igen",""];
function marqueeTxt(){
    marqDelay=4000;//tilpasses scrollamount og scrolldelay
    temptxt=txt[m];
    //if(m==0){document.getElementById('marq').innerHTML=temp;m++;}
    if(m<txt.length-1) setTimeout("document.getElementById('marq').innerHTML=temptxt;m++;setMarquee();",marqDelay);
    }
function setMarquee(){
    document.getElementById('marq').innerHTML=txt[m];
    marqueeTxt();
    }
window.onload=setMarquee;
</script>

...

<marquee scrollamount="1" direction="up" height="15" behavior="slide" loop="2" scrolldelay="250" id="marq"></marquee>
Avatar billede mrfunder Nybegynder
27. juni 2004 - 21:20 #5
Ja, lige præcis sådan der.. Den skal bare lige køre noget hurtigere, og så må den gerne vises i lidt længere tid :).. Men sådan der ja..

+ Den skal blive ved med at køre.. Altså når den er færdig med nr 3, starter den forfra :)

Kan du lave det, så er du en skat ;o)
Avatar billede mm12010 Nybegynder
28. juni 2004 - 13:17 #6
det er blevet noget cowboy-kode, men det virker:

function setMarqueeVars(){
    m=0;marqDelay=0;vent=1000;//milisekunder
    var txt=["Hej med dig","hejsa igen","igen igen"];
    amount=document.getElementById('marq').scrollAmount;
    setMarquee();
    marqDelay=document.getElementById('marq').offsetHeight/amount*100;
    }
function setMarquee(){
    setTimeout("document.getElementById('marq').scrollAmount='0';count++;",marqDelay);
    setTimeout("document.getElementById('marq').scrollAmount=amount;",marqDelay+vent);
    setTimeout("document.getElementById('marqSpan').innerHTML='<marquee direction=\42up\42 scrollamount=\42'+amount+'\42 id=\42marq\42>"+txt[m]+"</marquee>';m=(m==txt.length-1)?m=0:m+1;setMarquee();",marqDelay+vent+1000);
    }
window.onload=setMarqueeVars;

...

<span id="marqSpan"><marquee direction="up" scrollamount="3" id="marq">&nbsp;</marquee></span>
Avatar billede roenving Novice
28. juni 2004 - 14:08 #7
Voldsom inspireret af en marquee olebole engang lavede:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Lodret 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/430808">
<style type="text/css">
html,body{height:100%;}
.scroller {
    font-family: verdana, arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    overflow: hidden;
    text-align: center;
    color:red;
}
</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!","<iframe src='http://dr.dk' height='300' width='400'></iframe>"];
marqDelay = 1;
marqScrllAmnt = 1;

function scrollMarq() {
    if (pI(marq.style.top)+marq.offsetHeight < 0) {
        marq.style.top = document.body.offsetHeight + "px";
        marqNum = (marqNum+1)%marqTxt.length;
        marq.innerHTML = marqTxt[marqNum];
    }
    marq.style.top = pI(marq.style.top) - 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 = document.body.offsetWidth;
    marqCont.innerHTML = '<span style="position:relative;"></span>';
    marq = (d.all)? marqCont.children[0] : marqCont.childNodes[0];
    marq.innerHTML = marqTxt[marqNum];
    marq.style.top = document.body.offsetHeight + "px";
    marqCont.style.height = document.body.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 mm12010 Nybegynder
07. juli 2004 - 22:48 #8
mrfunder >> finder du ud af det ?-)
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