Ikke færdigbearbejdet, men sådan, du kan se ideen !-)
<!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: 24px;
font-weight: bold;
position: absolute;
overflow: hidden;
white-space: nowrap;
text-align:center;
cursor:pointer;
}
</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 = ["<img src='
http://www.dr.dk/p3/3grafik/logo3.gif'><br>Lyt til P3","<img src='
http://inc.tv2.dk/img/top/logo.gif'><br>Se TV2","<img src='
http://www.google.dk/images/hp0.gif'><img src='
http://www.google.dk/images/hp1.gif'><img src='
http://www.google.dk/images/hp2.gif'><br>S\370g p\345 Google"];
var marqICol = ["pink","blue","green"];
var marqOCol = ["red","black","blue"];
var marqOpen = ["
http://www.dr.dk/p3","
http://tv.tv2.dk/tvguide.php?forsidebar","
http://www.google.dk/"];marqDelay = 1;
marqScrllAmnt = 3;
function marqOver(elm){
elm.style.color = marqICol[marqNum];
}
function marqOut(elm){
elm.style.color = marqOCol[marqNum];
}
function marqClick(){
window.open(marqOpen[marqNum],'pop'+marqNum,'width=200,height=150,status=no');
}
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.color = marqOCol[marqNum];
marqCont.style.height = marq.offsetHeight + "px";
}
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;" onmouseover="marqOver(this)" onmouseout="marqOut(this)" onclick="marqClick()"></span>';
marq = (d.all)? marqCont.children[0] : marqCont.childNodes[0];
marq.innerHTML = marqTxt[marqNum];
marq.style.left = marqCont.offsetWidth + "px";
marq.style.color = marqOCol[marqNum];
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>
-- der skal arbejdes med hvornår venstre kant er ramt fuldt, så det gør vi, når du har prøvet at se, og kommer med lidt mere eksakte eksempler, for det kan være, at det er faste størrelser, du arbejder i, og så gad jeg ikke lige opfinde den dybe tallerken til tørt brød !o]
Ny bruger
Nybegynder
Opret
Preview
