Форум

xxx · #1 (**permalink**) 24.12.2013, 22:36

div должен плавно раскрываться, а не работает. в чем проблема?

<!DOCTYPE html>
<html>
<html>
<head>
<script type="text/javascript">
function show(){
    var obj=document.getElementById("myDiv");
    obj.display="block";
    var normalH=150; var h=0;
    
    var timer = setInterval(function(){
    	h+=1;
    	obj.style.height=h+"px";
    	if (h>=normalH) clearInterval(timer);
    }, 1)
}
</script>
</head>
<body>
<input type="button" value="click" onclick="show()">
<div id="myDiv" style="width:200px;height:150px;border-radius:2px;box-shadow:0px 0px 0px 2px #aaa;display:none;"> </div>
</body>
</html>

рони · #2 (**permalink**) 24.12.2013, 22:49

xxx,

Сообщение от xxx

02<html>

немноговато?

Сообщение от xxx

obj.display

что за дивное свойство?

Vlasenko Fedor · #3 (**permalink**) 24.12.2013, 22:53

<head>
      <style>
        #myDiv {
          width:200px;
          height:150px;
          border-radius:2px;
          box-shadow:0px 0px 0px 2px #aaa;
          margin-left: -9999px;
        }
      </style>
    </head>
    
    <body>
      <input type="button" value="click" onclick="show()">
      <div id="myDiv"></div>
      <script type="text/javascript">
        function show() {
          var obj = document.getElementById("myDiv");
          obj.style.margin = 0;
          var normalH = 150;
          var h = 0;
          var timer = setInterval(function () {
            h += 1;
            obj.style.height = h + "px";
            if (h >= normalH) clearInterval(timer);
          }, 1)
        }
      </script>
    </body>

xxx · #4 (**permalink**) 24.12.2013, 23:08

ооой. obj.STYLE.display="block" вместо obj.display...
спасибо)

Форум

Справочник

Discord чат

Курсы javascript