-1

私はこのクエリについて考えると言っているだけです…私はする必要があります

ブラウザのウィンドウの高さを計算し、設定された高さでdivを追加して、ウィンドウがいっぱいになるまで入力します…これは、divが互いに垂直にスタックするようにするためです…トランジションを生成しようとしています

どんなポインタも素晴らしいでしょう

乾杯

4

2 に答える 2

0 
var divHeight = 100;
var winHeight = window.innerHeight;
for(i =0; i < parseInt(winHeight / divHeight);i++){
$('<div style="height:100px;float:left;"></div>').appendTo('body');
}

これはどういう意味ですか？

于 2012-10-03T11:26:51.263 に答える
0

ブラウザの高さに応じて、幅と高さ100pxのdivを追加するJqueryコードを以下に示します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vertically Add up Div's</title>
  <style type="text/css">
    #container      { background:#ccc; display:inline-block; height:100%; margin:0; padding:0; width:100%; }
    .add-blocks     { border:1px solid red; float:left;  height:100px; width:100px; }
  </style>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

  <script type="text/javascript">

    $(document).ready(function(){

        var wheight = $(window).height();
        var wwidth  = $(window).width();

        /* Number of rows */
        var blocks  = Math.round(wheight / 100);        

        /* Number of cols */
        var cols = Math.round(wwidth / 100);

        /* Div html markup */
        var str = "<div class='add-blocks'>&nbsp;</div>";

        for(var i = 1; i < (blocks); i++)
        {
            for(var j = 1; j < cols; j++)
            {
                $("#container").append(str);
            }
        }

    });

    </script>



</head>

<body>
<div id="container">&nbsp;</div>
</body>
</html>
于 2012-10-03T13:29:17.197 に答える