Перемещение горизонтальной линии
Здравствуйте!
Напишите сценарий, который позволяет продемонстрировать изменения размеров и положения на странице горизонтальной линии.
С изменением размера 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>
|