Показать сообщение отдельно
  #8 (permalink)  
Старый 27.12.2008, 18:52
Аватар для x-yuri
Отправить личное сообщение для x-yuri Посмотреть профиль Найти все сообщения от x-yuri
 
Регистрация: 27.12.2008
Сообщений: 4,201

ты б что ли целую страничку запостил, а то желания доделывать не было
попробуй, может это тебе надо было
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<div id="foo" style="border: 1px solid red; overflow: hidden; position: relative; zoom: 1;">
<div id="bar" style="border: 1px solid green; position: absolute; padding: 1px 2px;">Страдаю фигней :)</div>
</div>
<script type="text/javascript">
(function() {
    var foo = document.getElementById('foo'), bar = document.getElementById('bar');
    foo.style.height = bar.offsetHeight + 'px';
	var alpha = 0;
	var fading = 1.1;
    window.setInterval(function() {
        var l = foo.clientWidth - bar.offsetWidth;
		x = l/2 * Math.sin(alpha);
        bar.style.left = Math.floor( x+l/2 ) + 'px';
		alpha += Math.PI / 180 / fading;
		fading += 0.001;
    }, 10);
})();
</script>
</body>
</html>
Ответить с цитированием