verschieben div mit javascript
Ich habe ein div, und ich versuche, ihn zu bewegen, rechts und Links auf das laden der Seite mit js zu erstellen, die eine schüttelbewegung.
Mein code:
<script type="text/javascript">
obj = document.getElementById('hs');
obj.style.position='relative';
function goRight(){
obj.style.right = 10px;
window.setTimeout(goLeft, 100);
}
function goLeft(){
obj.style.left = 10px;
window.setTimeout(goRight, 100);
}
window.onload =goRight;
</script>
Aber es funktioniert nicht. Die id der div ist hs
.
Html:
<div id="hs">
<h1>hs</h1>
<hr>
</div><
- Und dein html?
- "es funktioniert nicht" ... Klassiker.
- haben Sie einen Blick auf
setTimeout
undsetInterval
. Sie wollen zu setzen eine gewisse Verzögerung da ist oder diese nicht funktionieren. - Könnten Sie bitte dieses: stackoverflow.com/questions/8041857/...
- james fügte ich einige Verzögerung, aber immer noch
- Ich verstehe nicht, warum das schlecht ist in diesem Fall
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hier gehen Sie
Ihr Hauptproblem war, dass nach beiden der rechten und linken Werte gesetzt wurden, waren Sie nicht, ändert sich nichts mehr, es war statisch auf
left: 10px; right: 10px;
Sie haben, um die änderung eines dieser Werte statt.Ich weiß nicht, ob dies ist das wichtigste problem, aber Sie brauchen, um die 10px in einen string.
obj.style.right = '10px';
für rechts und Links.