Показать сообщение отдельно
  #1 (permalink)  
Старый 05.11.2015, 14:16
Аватар для unkind
Кандидат Javascript-наук
Отправить личное сообщение для unkind Посмотреть профиль Найти все сообщения от unkind
 
Регистрация: 01.11.2012
Сообщений: 103

Перемещение горизонтальной линии
Здравствуйте!
Напишите сценарий, который позволяет продемонстрировать изменения размеров и положения на странице горизонтальной линии.
С изменением размера hr разобрался,а переместить не получается
<HTML>
  <HEAD>
<style>
hr{ background: red;width:100px;height:10px;margin-top:50px;}
</style>
  <script>
   function ln(){
  var maxWidth = "350px";
  	var minWidth = "100px";
var line =  document.getElementById('linia');
line.style.width = maxWidth;//изменяю размер
//document.getElementById('linia').style.right="200px"; пытался изменить расположение

}
    </script>
  </HEAD>
  <BODY>
  <hr id="linia" >
  <input type="button"  value= "Изменить размер лиинии и
  положение на странице" onclick="ln();">
  
  
    </BODY>
  </HTML>
Ответить с цитированием