이 글에서는 스크롤 효과, 즉 게시판 표시와 같은 효과를 얻기 위해 자바스크립트 스크립트를 사용하는 방법을 주로 소개합니다. 필요한 친구들은 참고하면 됩니다.
웹 페이지를 자주 만드는 친구들이 많습니다. 게시판과 정보 창을 만들 때 전체 페이지와 이미지의 스크롤 표시를 구현하는 것에 대해 종종 걱정합니다. 걱정하지 마십시오. 스크롤 표시를 구현하는 간단한 방법이 있습니다. 우리는 이를 구현하기 위해 Java의 .class 프로그램을 사용하지 않았고 동적 DHTML 언어도 아니었습니다. 우리는 단지 JavaScript 스크립트 언어의 일부 기능을 최대한 활용하고 이 기능을 달성하기 위해 몇 가지 짧은 JavaScript 스크립트 언어를 작성했습니다.
원래 코드는 다음과 같습니다.
<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>Locate( 원래 코드는 Locate!= 400)입니다. "SetTimeout("Scroller()",2);"에서 "2"를 수정하여 스크롤 속도를 변경할 수 있습니다. 일부 조정을 별도로 시도해 볼 수 있습니다. 프로그램을 작성하고 저장한 후에는 PII PWS4.0 IE5 플랫폼에서 디버깅해야 합니다.
더 많은 관련 튜토리얼을 보려면 JavaScript 튜토리얼
을 방문하세요.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
