BornToFlyBert
New member
Hallo liebe Helfer!
Habe eine Script erstellt, das einen Div-Container nach links und rechts bewegt. Das Problem ist dass, wenn ich kurz hintereinander über diesen Container mit der Mouse drüber fahre funktioniert es nicht richtig oder gar nicht mehr. Im Google Chrome geht es gar nicht. Warum?
Danke für sinnvolle Antworten 
Habe eine Script erstellt, das einen Div-Container nach links und rechts bewegt. Das Problem ist dass, wenn ich kurz hintereinander über diesen Container mit der Mouse drüber fahre funktioniert es nicht richtig oder gar nicht mehr. Im Google Chrome geht es gar nicht. Warum?
HTML:
<html>
<head>
<title>Container bewegt</title>
<script type="text/javascript">
var position=0;
var interval;
var isRunning = false;
function moveRight0()
{
if (position => 20){
position = 19;
}
if (isRunning==true){
isRunning = false;
return;
}
if (isRunning==false) {
isRunning = true
document.getElementById("container0").style.left = position+"px";
position++;
if(position==20)
{
clearInterval(interval);
interval=0;
}
}
}
function moveLeft0()
{
if (position < 1){
position = 0;
}
if (isRunning==true){
isRunning = false;
return;
}
if (isRunning==false) {
isRunning = true
document.getElementById("container0").style.left = position+"px";
position--;
if(position<1)
{
clearInterval(interval);
interval = 0;
}
}
}
function al(){
alert(interval);
}
function setIntervalLeft0()
{
interval = setInterval(moveLeft0,10);
}
function setIntervalRight0()
{
interval = setInterval(moveRight0,10);
}
</script>
</head>
<body>
<div onmouseover="setIntervalRight0()" onmouseout="setIntervalLeft0()" id="container0" style="width:50px; height:20px; position:absolute; z-index:1; top:0px; left:0px">text</div><br><br>
<input type="button" onclick="al()" name="zeige">
</body>
</html>
Zuletzt bearbeitet von einem Moderator:
