JS는 스크롤 및 색상 변화 텍스트 효과를 인식합니다. 효과 디스플레이 페이지에서 사람들의 관심을 끌기 위해 텍스트를 번갈아 가며 색상을 바꾸는 디스플레이를 볼 수 있습니다. 효과는 정말 좋습니다. 웹 사이트에 코드를 복사 한 후에는 원하는 텍스트로 수정해도 괜찮습니다.
다음은 소스 코드입니다.
코드 사본은 다음과 같습니다.
<html>
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<title> 색상을 바꾸는 텍스트 스크롤 JS 특수 효과 </title>
</head>
<body>
<div>
아래 텍스트에 유의하십시오. 일부 텍스트는 빨간색으로 염색되고 빨간색은 루프로 움직입니다. <a href = "http://keleyi.com/a/bjad/bd55blos.htm"target = "_ blank"> 원본 텍스트 </a>
</div>
<script type = "text/javaScript">
var message = "keleyi.com에 오신 것을 환영합니다. 여기 웹 프론트 엔드와 같은 학습 자료가 있습니다."
var neonbasecolor = "#333333"
var neontextColor = "#ff0000"
var neontextColor2 = "#ff3333"
var flashspeed = 100
var flashingletters = 8
var flashingletters2 = 2
var flashPause = 0
var n = 0
if (document.all || document.getElementById) {
document.write ( '<font color = "'+neonbasecolor+'">')
for (m = 0; m <message.length; m ++)
document.write ( '<span id = "neonlight'+m+'">'+message.charat (m)+'</span>')
document.write ( '</font>')
}
또 다른
document.write (메시지)
함수 crossref (번호) {
var crossobj = document.all? eval ( "document.all.neonlight"+번호) : document.getElementById ( "Neonlight"+number)
Crossobj를 반환하십시오
}
기능 네온 () {
if (n == 0) {
for (m = 0; m <message.length; m ++)
CrossRef (m) .style.color = 신생아
}
CrossRef (n) .style.color = 신상 텍스트 콜러
if (n> flashingter-1) CrossRef (n-flashingletters) .style.color = neontextColor2
if (n> (Flashingletters+Flashingletters2) -1) CrossRef (N- 플래시 레터-플래싱 레터 2) .style.color = Neonbasecolor
if (n <message.length-1)
n ++
또 다른{
n = 0
ClearInterval (플래시)
settimeout ( "beginneon ()", FlashPause)
반품
}
}
함수 beginneon () {
if (document.all || document.getElementById)
Flashing = setInterval ( "neon ()", FlashSpeed)
}
Beginneon ()
</스크립트>
<div> <br/> <a href = "http://keleyi.com"target = "_ blank"> keleyi.com </a> </div>
</body>
</html>