nicht angemeldet
Gernot Backund nochmal,
so sähe das dann aus. (Wahnsinn jetzt habe ich auch mal ein Tickerskipt geschrieben. Ist das wirklich neu, oder gab es das schon irgendwo?)
<html>
<head>
<title>Smoothticker</title>
<meta name="author" content="Gernot Back">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<style type="text/css">
[code lang=css]
html, body {
margin:0;
padding:0;
width:100%;
}
#ticker {
background-color:#FFFFAA;
float:left;
}
#ticker a {
color:#0000DD;
text-decoration:none;
font-weight:bold;
}
</style>
<script type="text/javascript">
var tck;
var speed = 2;
var divisor = 1;
function step () {
pos = tck.style.left;
pos = pos.substring(0,pos.length-2);
pos = parseInt(pos);
if(tck.offsetLeft <= (tck.offsetWidth / -divisor)) {
pos += tck.offsetWidth/divisor;
}
pos -= speed;
tck.style.left = pos + "px";
window.setTimeout('step()', 42);
}
function init() {
if(window.innerWidth) {
var wd = window.innerWidth;
} else {
var wd = document.body.clientWidth;
}
if(document.all) {
tck = document.all.ticker;
} else {
tck = document.getElementById('ticker');
}
var txt = tck.innerHTML;
while(tck.offsetWidth < wd*2) {
divisor++;
tck.innerHTML += txt + ' ';
}
step();
}
</script>
</head>
<body onload="init()">
<div style="width:100%;overflow:hidden;">
<div id="ticker" style="position:relative;left:0px;white-space:nowrap"><a href="#Hier">Hier</a> <a href="#steht">steht</a> <a href="#ein">ein</a> <a href="#Text">Text,</a> <a href="#bei">bei</a> <a href="#dem">dem</a> <a href="#jedes">jedes</a> <a href="#Wort">Wort</a> <a href="#einzeln">einzeln</a> <a href="#verlinkt">verlinkt</a> <a href="#ist">ist,</a> <a href="#wie">wie</a> <a href="#man">man</a> <a href="#in">in</a> <a href="#der">der</a> <a href="#Statuszeile">Statuszeile</a> <a href="#leicht">leicht</a> <a href="#ueberpruefen">überprüfen</a> <a href="#kann">kann.</a>
</div>
</div>
</body>
</html>
[/code]
Gruß Gernot