问题描述
这是我的代码。您可以看到我根据文档添加了动画CSS和哇js。但这根本不起作用。我曾经使用过Mozilla浏览器开发人员版和Google chrome。但是得到了相同的结果。无需为该部分设置动画,
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<Meta name="viewport" content="width=device-width,initial-scale=1.0">
<Meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Document</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZonixN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="new.css">
<link rel="stylesheet" href="animate.css">
</head>
<body>
<div class="container">
<header class="head text-center bg-success text-white p-5 mt-3 wow bounceInDown">
<h1 class="display-4"> animate
Animate SandBox
</h1>
</header>
<section id="section-1" class="bg-danger p-3 my-3 wow bounceInUp">
<h1>Section One</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae ratione libero,eligendi minus corporis pariatur. nesciunt fuga quasi rerum,quos odit nihil laudantium,nam,cumque maiores accusamus dolores ipsa.</p>
</section>
<section id="section-2" class="bg-primary p-3 my-3 wow bounceInDown">
<h1>Section Two</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae ratione libero,cumque maiores accusamus dolores ipsa.</p>
</section>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script>
new WOW().init();
</script>
<script src="new.js"></script>
</body>
</html>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)