Показать сообщение отдельно
  #6 (permalink)  
Старый 30.05.2014, 14:39
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

jule,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
</head>

<body>
<style type="text/css">
.link{
position:absolute;
border:1px solid #000000;
width:100px;
}
</style>
<div id="menu"><div class="link">First</div><div class="link">Second</div><div class="link">Third</div></div>
<script>
   function f(space){
	var i = 0,  divs = document.querySelectorAll('.link');
    len = divs.length , w = 0;
    for (var i=0; i<len; i++)  {
      var elem = divs[i], computedStyle = window.getComputedStyle ? getComputedStyle(elem, '') : elem.currentStyle;
       elem.style.left = w + (space* i) + "px";
       w += parseFloat(computedStyle.width);
    }
}
f(15);
</script>
</body>
</html>
Ответить с цитированием