超大霸屏的网页特效代码

<span style="white-space: nowrap;">超大霸屏的网页特效代码，完整代码，复制直接可用哦！</span>

<span style="white-space: nowrap;"><br/></span>

<span style="white-space: nowrap;">&lt;!DOCTYPE html&gt;</span>

<span style="white-space: nowrap;">&lt;html&gt;</span>

<span style="white-space: nowrap;">&lt;head&gt;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &lt;title&gt;超大霸屏特效&lt;/title&gt;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &lt;style type=&quot;text/css&quot;&gt;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; body {</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 0;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; }</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; #bigscreen {</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: fixed;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top: 0;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left: 0;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 100%;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 100%;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: #000;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; z-index: 999;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; opacity: 0;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transition: opacity 1s linear;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; }</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &lt;/style&gt;</span>

<span style="white-space: nowrap;">&lt;/head&gt;</span>

<span style="white-space: nowrap;">&lt;body&gt;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &lt;div id=&quot;bigscreen&quot;&gt;&lt;/div&gt;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot;&gt;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; var bigscreen = document.getElementById(&#39;bigscreen&#39;);</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; setTimeout(function(){</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; bigscreen.style.opacity = &#39;1&#39;;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; }, 1000);</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; setTimeout(function(){</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; bigscreen.style.opacity = &#39;0&#39;;</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &nbsp; &nbsp; }, 5000);</span>

<span style="white-space: nowrap;">&nbsp; &nbsp; &lt;/script&gt;</span>

<span style="white-space: nowrap;">&lt;/body&gt;</span>

<span style="white-space: nowrap;">&lt;/html&gt;</span>

<br/>