</head> <style type="text/css"> html{ height:100%; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-seri f; } body{ margin:0px;

padding:0px; text-align:center; height:100%; } #mainContainer{ width:760px; border-left:1px solid #000; border-right:1px solid #000; margin:0 auto; height:100%; text-align:left; } #topRow{ } #mainContent{ padding-left:10px; padding-right:10px; } #dhtmlgoodies_marquee{ /* general marquee layout*/ padding-top:3px; height:25px; background-color: #000; /* End general marquee layout */ position:absolute; left:0px; z-index:1000; bottom:0px; display:none; width:100%; overflow:hidden; } body > div#dhtmlgoodies_marquee{ /* Firefox rule */ position:fixed; } #dhtmlgoodies_marquee .textObj{ /* Layout for the marquee text */ position:absolute; color: #FFF; font-weight:bold; white-space:nowrap; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-seri f; } /* Just some layout classes used in this example script */ .highlighted{

color:#F00; // Red color } .greenText{ color:#0F0; // Green color } </style> <script type="text/javascript"> /*********************************************************************** ************************************* (C) www.dhtmlgoodies.com, October 2005 This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. Terms of use: You are free to use this script as long as the copyright message is kept intact. However, you may not redistribute, sell or repost it without our permission. Thank you! www.dhtmlgoodies.com Alf Magne Kalleland ************************************************************************ ************************************/ var dhtmlgoodies_marqueeSteps = 2; // Higher = Faster, Lower = slow er and more smoothly var dhtmlgoodies_marqueeSpeed = 8; // Lower value = Faster var dhtmlgoodies_marqueeStopOnMouseOver = false; // Make the marq uee stop moving when user moves his mouse over it var dhtmlgoodies_marqueePosition = 'bottom'; // "top" or "bottom" /* Don't change anything below here */ var dhtmlgoodies_marqueeObj; var dhtmlgoodies_marqueeTextObj; var dhtmlgoodies_marqueeTmpStep; var dhtmlgoodies_marqueeTextObjects = new Array(); var dhtmlgoodies_marqueeHiddenSpans = new Array(); var dhtmlgoodies_marqueeIndex = 0; function repositionMarquee(e,timeout) { if(document.all)e=event; if(dhtmlgoodies_marqueePosition.toLowerCase()=='top'){ dhtmlgoodies_marqueeObj.style.top = '0px'; }else{ dhtmlgoodies_marqueeObj.style.bottom = '-1px'; } if(document.all && !timeout)setTimeout('repositionMarquee(false, true)',500) } function marqueeMove() { var leftPos = dhtmlgoodies_marqueeTextObj.offsetLeft; leftPos = leftPos - dhtmlgoodies_marqueeTmpStep; var rightEdge = leftPos + dhtmlgoodies_marqueeHiddenSpans[dhtmlg oodies_marqueeIndex].offsetLeft; if(rightEdge<0){ leftPos = document.documentElement.offsetWidth;

dhtmlgoodies_marqueeTextObj.style.display='none'; dhtmlgoodies_marqueeIndex++; if(dhtmlgoodies_marqueeIndex>=dhtmlgoodies_marqueeTextOb jects.length)dhtmlgoodies_marqueeIndex = 0; dhtmlgoodies_marqueeTextObj = dhtmlgoodies_marqueeTextOb jects[dhtmlgoodies_marqueeIndex]; dhtmlgoodies_marqueeTextObj.style.display='block'; } dhtmlgoodies_marqueeTextObj.style.left = leftPos + 'px'; } function stopMarqueeMove() { if(dhtmlgoodies_marqueeStopOnMouseOver)dhtmlgoodies_marqueeTmpSt ep = 0; } function resumeMarqueeMove() { dhtmlgoodies_marqueeTmpStep = dhtmlgoodies_marqueeSteps; } function initMarquee() { dhtmlgoodies_marqueeObj = document.getElementById('dhtmlgoodies_ marquee'); var spans = dhtmlgoodies_marqueeObj.getElementsByTagName('DIV'); for(var no=0;no<spans.length;no++){ if(spans[no].className=='textObj'){ if(!dhtmlgoodies_marqueeTextObj){ dhtmlgoodies_marqueeTextObj = spans[no]; spans[no].style.display='block'; }else spans[no].style.display='none'; dhtmlgoodies_marqueeTextObjects.push(spans[no]); var hiddenSpan = document.createElement('SPAN'); hiddenSpan.innerHTML = ' ' spans[no].appendChild(hiddenSpan); dhtmlgoodies_marqueeHiddenSpans.push(hiddenSpan) ; } } var oldIE = isOldIe(); if(dhtmlgoodies_marqueePosition.toLowerCase()=='top'){ dhtmlgoodies_marqueeObj.style.top = '0px'; }else{ if(oldIE){ dhtmlgoodies_marqueeObj.style.bottom = '0px'; }else{ dhtmlgoodies_marqueeObj.style.bottom = '-1px'; } }

dhtmlgoodies_marqueeObj.style.display='block';

dhtmlgoodies_marqueeTextObj.style.left = document.documentElemen t.offsetWidth + 'px'; dhtmlgoodies_marqueeObj.onmouseover = stopMarqueeMove; dhtmlgoodies_marqueeObj.onmouseout = resumeMarqueeMove; if(oldIE)window.onscroll = repositionMarquee; else dhtmlgoodies_ marqueeObj.style.position = 'fixed'; dhtmlgoodies_marqueeObj.style.display='block'; dhtmlgoodies_marqueeTmpStep = dhtmlgoodies_marqueeSteps; setInterval('marqueeMove()',dhtmlgoodies_marqueeSpeed); } function isOldIe() { var isMsie = navigator.userAgent.indexOf('MSIE') >=0; if(isMsie) { string = ''; for(var prop in navigator) { string = string + prop + ':' + navigator[prop] + '\n'; } var version = navigator.userAgent; for(var i=4;i<=7;i++) { if(version.indexOf('MSIE ' + i) >=0){ return true; } } return false; }else{ return false; } } </script> <body> <!-- Start of marquee HTML code --> <div id="dhtmlgoodies_marquee"> <div class="textObj"><span class="highlighted">Breaking news!</span> Thi s is the content of my marquee. </div> <div class="textObj"><span class="highlighted">STOCK NEWS:</span> Compan y 1 <span class="greenText">82.5</span>(+0.5), Company 2 <span class="greenText" >42.9</span>(-2.4), Company 3 <span class="greenText">189.9</span>(-13.7)</div> <div class="textObj"><span class="highlighted">Sport:</span> The soccer season is almost over in Norway now. We have a few thrilling matches ahead of us .</div> <div class="textObj"><span class="highlighted">Other news:</span> The qu ick brown fox jumps over a lazy dog.</div> </div> <!-- END OF MARQUEE HTML CODE --> <script type="text/javascript"> initMarquee(); // Initialize marquee script </script> </body>