recherche

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
PHPzoriginal
2016-05-16 15:51:061251parcourir

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>

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

Déclaration：
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
Article précédent：Résumé des méthodes de tableau dans les compétences javascript_javascriptArticle suivant：Résumé des méthodes de tableau dans les compétences javascript_javascript

Articles Liés

Voir plus