Tweet
Hallo zusammen,
ich habe mir aus dem Netz ein Script für eine Laufschrift gezogen, die soweit auch funktioniert.
Mein Problem ist aber, dass der String derzeit vollständig durchläuft und dann erst wieder von vorne beginnt. Ist es möglich dies ohne Lücken zu programmieren?
Ich hoffe mir kann jemand helfen...
ich habe mir aus dem Netz ein Script für eine Laufschrift gezogen, die soweit auch funktioniert.
Mein Problem ist aber, dass der String derzeit vollständig durchläuft und dann erst wieder von vorne beginnt. Ist es möglich dies ohne Lücken zu programmieren?
Ich hoffe mir kann jemand helfen...
Code:
<head>
<script language="javascript" type="text/javascript">
IE = document.all&&!window.opera;
DOM = document.getElementById&&!IE;
var intWidthDisplay = 280;
var varTimer;
var intDirection = 1;
var intSpeed = 30;
function initTicker(strID){
var ticker = (IE)?document.all[strID]:document.getElementById(strID);
var tickerWidth = ticker.offsetWidth;
if(intDirection > 0) {
ticker.style.left = intDirection * intWidthDisplay;
} else {
ticker.style.left = intDirection * tickerWidth;
}
startTicker('tickerID');
}
function startTicker(strID){
var ticker = (IE)?document.all[strID]:document.getElementById(strID);
var tickerWidth = parseInt(ticker.style.left);
ticker.style.left = tickerWidth - (intDirection * 1);
var tickerWidthNew = parseInt(ticker.style.left);
if(Math.abs(tickerWidthNew) > parseInt(ticker.offsetWidth)){
if(intDirection > 0) {
ticker.style.left = intDirection * intWidthDisplay;
} else
ticker.style.left = intDirection * ticker.offsetWidth;
}
varTimer = window.setTimeout("startTicker('tickerID')", intSpeed);
}
function stopTicker(){
window.clearTimeout(varTimer);
}
</script>
</head>
<body onload="initTicker('tickerID');">
<div onmouseover="stopTicker();" onmouseout="startTicker('tickerID');" style="position: relative; width: 400px; height: 20px; border: 0px solid black; overflow: hidden; float: left; margin-top: 2px;">
<span id="tickerID" style="position: relative; left: 0px;">
<span>Angebot des Monats und vieles mehr usw. usw. usw. usw. +++</span>
</span>
</div>
</body>
</head>
Comment