gpt4 book ai didi

javascript - 视差图像未出现在谷歌浏览器中

转载 作者:行者123 更新时间:2023-11-27 22:58:26 26 4
gpt4 key购买 nike

我试过了 this codepen在 xampp 中,它不起作用。

enter image description here

我的 html 代码:

<html>
<head>
<link type="text/css" href="./Products/style.css" rel="stylesheet" /></link>


</head>
<body>
<div class="container">
<section>
<div class="image" data-type="background" data-speed="2"></div>
<div class="stuff" data-type="content"><h1>Simple Parallax scroll</h1><h2>Reoptimized</h2></div>
</section>

<section>
<div class="image" data-type="background" data-speed="7"></div>
<div class="stuff" data-type="content"><h2>Made to be fast</h2><p>Lorem Deserunt maiores minima ipsa. Adipisci, corrupti, voluptatibus! Similique quidem necessitatibus provident.</p></div>
</section>

<section>
<div class="image" data-type="background" data-speed="6"></div>
<div class="stuff" data-type="content">Accusamus at ex amet perferendis atque fuga, ad earum, ipsa perspiciatis, dolore neque, accusantium consectetur quis voluptatibus culpa architecto animi natus facere expedita sed. Voluptatem odit explicabo amet neque aut.</div>
</section>

<section>
<div class="image" data-type="background" data-speed="5"></div>
<div class="stuff" data-type="content">Accusamus at ex amet perferendis atque fuga, ad earum, ipsa perspiciatis, dolore neque, accusantium consectetur quis voluptatibus culpa architecto animi natus facere expedita sed. Voluptatem odit explicabo amet neque aut.</div>
</section>

<section>
<div class="image" data-type="background" data-speed="3"></div>
<div class="stuff" data-type="content">Accusamus at ex amet perferendis atque fuga, ad earum, ipsa perspiciatis, dolore neque, accusantium consectetur quis voluptatibus culpa architecto animi natus facere expedita sed. Voluptatem odit explicabo amet neque aut.</div>
</section>

<section>
<div class="image" data-type="background" data-speed="3"></div>
<div class="stuff" data-type="content">Accusamus at ex amet perferendis atque fuga, ad earum, ipsa perspiciatis, dolore neque, accusantium consectetur quis voluptatibus culpa architecto animi natus facere expedita sed. Voluptatem odit explicabo amet neque aut.</div>
</section>
</div>


<script src="./Products/js.js"></script>
</body>
<html>

最佳答案

有导出代码 zip 文件的选项,效果很好。

enter image description here

关于javascript - 视差图像未出现在谷歌浏览器中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54090554/

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