-2

我有 HTML 表格，表格包含 100 行和 2 列（200 个单元格）。我希望单元格相对于它的原始行和/或它的原始列随机重新排列。

这就是我表示 4 条数据的方式。

<table>
       <tr>
           <td> Data1 </td>
           <td> Data2 </td>
      </tr>
      <tr>
          <td> Data 3 </td>
          <td> Data 4 </td>
      </tr>
</table>

我只使用 HTML 和 CSS。我打算最初手动输入每个单元格的内容。

数据代表我正在处理的画廊的图像。如果我不应该使用表格进行这种安排，请提出另一种意见。

4

1 回答 1

2

没有必要为这种目标使用表格。但是，要在不坐在电脑前掷骰子并输入结果的情况下随机做任何事情，您将需要使用一些 JavaScript。在页面底部，放置如下内容：

<script>
    var images = document.getElementsByTagName('img');
    var randomArrangement = [];

    for (var i=0; i < images.length; i++)
    {
        if (Math.random() > 0.5) {
            randomArrangement.push(images.src);
        } else {
            randomArrangement.unshift(images.src);
        }
    }

    for (var j=0; j < images.length; j++)
    {
        images[i].src = randomArrangement[i];
    }
</script>

这将以随机顺序为您提供一组图像 URL，并将每个 URL 填充到现有图像中。但是，如果在页面加载之前在服务器端完成，这将更加有效和高效。

于 2013-08-18T11:23:00.427 回答