Question

在我网站的主页上，我放了一个不在顶部的介绍视频。我希望我的访问者首先查看介绍视频。为此，我使用了autoscroll：

<script>
function pageScroll() {
        window.scrollBy(245,600); // horizontal and vertical scroll increments
}</script>

然后在体内：

<body onload="pageScroll()"> 
.....
</body>

但是，问题在于浏览器需要很长时间才能进行自动滚动。只有当其中一半已经结束时，访问者才能访问swf flash视频（这是一个短暂的10秒视频）。如何让浏览器先关注此javascript？ [网站上还有其他javascripts]

提前完成了......

Answer 1

我在http://jsfiddle.net/gqJ9e/

为仅限CSS的解决方案制作了示例

唯一的问题是你以后没有在网页上播放视频。

HTML

<input id="switch" type="checkbox">
<div class="video">
    <label for="switch">CLOSE</label>
    <p>VIDEO MESSAGE</p>
</div>
<div class="page-wrapper">
    <p>PAGE CONTENT</p>
</div>

CSS

.page-wrapper,
#switch,
#switch:checked+.video {
    display:none;
}

#switch:checked+.video+.page-wrapper {
    display:block;
}

替代解决方案仍然可以在页面底部显示视频http://jsfiddle.net/gqJ9e/1/

HTML

<input id="switch" type="checkbox">
<div class="page-wrapper">
    <p>PAGE CONTENT</p>
</div>
<div class="video">
    <label for="switch">CLOSE</label>
    <p>VIDEO MESSAGE</p>
</div>

CSS

.page-wrapper,
#switch,
#switch:checked+.video,
#switch:checked+.page-wrapper+.video>label {
    display:none;
}

#switch:checked+.page-wrapper {
    display:block;
}

首先加载JavaScript

1 个答案: