Maison > interface Web > js tutoriel > Comment utiliser le script JavaScript pour obtenir un effet de défilement

Comment utiliser le script JavaScript pour obtenir un effet de défilement

PHPz
Libérer: 2018-10-12 17:27:25
original
1259 Les gens l'ont consulté

Cet article présente principalement la méthode d'utilisation du script JavaScript pour obtenir un effet de défilement, c'est-à-dire un effet semblable à celui d'un tableau d'affichage. Les amis qui en ont besoin peuvent s'y référer

De nombreux amis qui créent souvent des pages Web. créer des tableaux d'affichage et des fenêtres d'informations, je m'inquiète souvent de réaliser l'affichage défilant de la page entière et des images. Ne vous inquiétez pas, voici une méthode simple pour réaliser l'affichage défilant. Nous n'avons pas utilisé le programme .class de Java pour l'implémenter, ni un langage DHTML dynamique. Nous avons simplement utilisé pleinement certaines fonctions du langage de script JavaScript et écrit un court langage de script JavaScript pour réaliser cette fonction.

Le code d'origine est le suivant :

<html>
  <head>
  <script language="Javascript">
  <!--//防止错误显示
  locate=0;
  function my_scroller()
  {
   if (locate !=400 )
  {
   locate++;//值增加
   scroll(0,locate);
   clearTimeout(timer);
   var timer = setTimeout("my_scroller()",2);//控制滚动时间
   timer;
  }
  }
   -->
  </script>
  </head>
  <body OnLoad="my_scroller()">
  作者简介:<br><br>
  崔同杰男<br><br>武警工程学院计算机中心<br><br>
  张卫华男<br><br>武警工程学院研究生队<br><br><br><br><br>
  <br><br><br><br><br><br>
  联系地址:<br><br>
  陕西西安武警工程学院计算机中心<br><br>崔同杰<br><br></body>
  </html>
Copier après la connexion

Vous pouvez contrôler la longueur de la page affichée en modifiant la valeur de Localiser ( le code d'origine est Locate!= 400); Vous pouvez modifier "2" dans "SetTimeout("Scroller()",2);" Vous pouvez essayer de faire quelques ajustements séparément. Une fois le programme écrit et enregistré, il doit être débogué sur la plateforme PII PWS4.0 IE5.

Pour plus de didacticiels connexes, veuillez visiter le Tutoriel JavaScript

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal