Сообщение от dmitriymar
|
дак и не должно с отрицательной правой координатой
в остальном -самостоятельные проверки значения каждой переменной в каждой итерации. да и в инструментах разработчика -можно увидить и ошибки и текущие значения координат дива....
Действительно -с первого взляда не видно что абсолютится неабсолютимое)
И движется недвижимое:
|
все исправила:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<style type="text/css">
#logo {
overflow: hidden;
position: relative;
border: 1px solid red;
}
#logo img {
display: block;
}
</style>
<script type="text/javascript">
window.onload = function() {
var logoDiv = document.getElementById('logo');
var logoImg = logoDiv.firstChild;
logoDiv.style.width = logoImg.width + 'px';
logoDiv.style.position = 'absolute';
logoPos = -logoImg.width;
var timer = window.setInterval(function() {
logoPos += 5;
if(logoPos >= 0) {
logoPos = 0;
window.clearInterval(timer);
}
logoDiv.style.left = logoPos + 'px';
}, 50);
}
</script>
</head>
<body>
<div id="logo"><img src="solarenergie.gif" alt="logo" /></div>
</body>
</html>
работает, но не до конца, толко двигается на ширину лого, а мне надо чтобы по всему экрану двигаласъ и слево опять появлялась))
как поменять?