Javascript не работает в анимации при прокрутке - PullRequest
Новая
       10

Javascript не работает в анимации при прокрутке

0 голосов
/ 14 октября 2018

Я пытаюсь сделать так, чтобы элементы отображались с помощью функции анимации при прокрутке (AOS).Я попытался загрузить файлы JS и CSS и связать их локально, попытался использовать разные имена анимаций, использовал их на изображениях и тегах div.

Я думаю, что проблема заключается в связывании или файле JS.к сожалению, я не специалист по JS.

Это файл HTML 

<html>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script type="text/javascript">
AOS.init();
</script>
<head>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
</head>
<style>
@font-face {
font-family: myFirstFont;
src: url(TheSansArab.ttf);}

div{
   font-family: myFirstFont; }
html{
direction: rtl;
}
.aa {
 background-image: url("vro background.jpg");
}
</style>

<div style="height:30px; background-color:#174b8d;  color:white; padding-        top: 6px" > 
&nbsp; &nbsp; &nbsp; &nbsp; 
<SCRIPT LANGUAGE="JavaScript" ">
d = new Date( );
var months = ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"];
var dd= [" الأحد",  "الاثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة"];
document.write(dd[d.getDay()]+"          |            "+d.getDate()+"   "+months[d.getMonth()]+"    "+d.getFullYear() )
</SCRIPT> 
</div>


 <div class="aa" style="height:800px; padding-top: 6px; color:white"  > 
 <br><br><br><br><br><br>
 <center> <img src="vrologo.png" alt="Vision Realization Office"                style="width:600px;height:251px;"> </center>

 <div  data-aos='slide-right' data-aos-delay='900'  >
<center><img data-aos='slide-right' data-aos-delay='900' src="icons/reports.png"> </center>
 </div>
</div>
<div style="padding-top: 6px;padding-left: 12px;padding-bottom: 6px;   background-color:#5ac0cc; padding-top: 6px; color:white; direction: ltr; text-align: left; font-size:10px" > 
&nbsp; &nbsp; &nbsp; &nbsp; 
© All rights are reserved . 
</div>
   </html>
...