從頁面外加載正文內容->在頁面加載時從左到右加載

Question

我試圖創建類似於復印機紙張的頁面效果。 我希望完成加載后的正文內容從左到右顯示。 我已經看到了許多示例，這些示例說明了如何使用induivale元素（例如圖像）而不是整個頁面。 這是我拼湊的代碼示例。 我似乎無法獲得想要的從左到右的效果，而這不適用於IE。 我剛剛開始對網頁進行編碼，因此將不勝感激。

<html>
<head>
  <style>

    body { padding-left: 5000px; -webkit-transition: all 1s ease; transition: all .5s ease; }

    .loaded { padding-left: 5px; }

  </style>

  <script>function loaded (el) { el.classList.add('loaded') }</script>

</head>
<body onload="loaded(document.body)">
<br><br><br><br><br>

<table class="tftable" border="0" width="400">
  <tr><th></th></tr>
  <tr><td><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></td></tr>
</table>

</body>
</html>

Answer 1

使用該代碼可以幫助您將動畫放在身體上

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_animation-direction

從頁面外加載正文內容->在頁面加載時從左到右加載

問題描述

1 個解決方案

解決方案1
0 2013-12-16 00:25:06

從頁面外加載正文內容-&gt;在頁面加載時從左到右加載

問題描述

1 個解決方案

解決方案1 0 2013-12-16 00:25:06

從頁面外加載正文內容->在頁面加載時從左到右加載

解決方案1
0 2013-12-16 00:25:06