gpt4 book ai didi

javascript - 无法让 impress.js 工作

转载 作者:行者123 更新时间:2023-11-29 18:22:56 25 4
gpt4 key购买 nike

我试着从 impress.js 开始创建一些 HTML/CSS3 演示文稿。
不幸的是,我连最简单的例子都无法运行。

<html lang="en">
<head>
<title>Impress Demo</title>
</head>
<body>
<div id="impress">
<div id="start">
<p style='width:1000px;font-size:80px;text-align:center'>Creating Stunning Visualizations</p>
<p>Impress.js</p>
</div>

<div id="slide2" data-x="-1200" data-y="0">
<p style='width:1000px;font-size:80px;'>First Slide Moves From Left To Right</p>
<p>Impress.js</p>
</div>
</div>

<script type="text/javascript" src="../js/impress.js"></script>
<script type="text/javascript">impress().init();</script>
</body>

但是,在 Firefox 中(也在 Chrome 中测试过)我在开发控制台中收到以下错误:

Empty string passed to getElementById() @ impress.js:90

有什么想法吗?

最佳答案

您希望成为 div#impress 中的一个步骤的每个 div 都应该添加一个 class="step"

这段代码应该可以工作

<div id="impress">
<div class="step" id="start">
<p style='width:1000px;font-size:80px;text-align:center'>Creating Stunning Visualizations</p>
<p>Impress.js</p>
</div>

<div class="step" id="slide2" data-x="-1200" data-y="0">
<p style='width:1000px;font-size:80px;'>First Slide Moves From Left To Right</p>
<p>Impress.js</p>
</div>
</div>

关于javascript - 无法让 impress.js 工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16560281/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com