Js는 스크롤링 및 변색된 텍스트 효과를 실현합니다.javascript 기술

Js는 스크롤 및 색상 변경의 텍스트 효과를 구현합니다. 텍스트가 관심을 끌기 위해 교대로 표시되는 것을 볼 수 있습니다. 코드를 웹사이트에 복사한 후 수정하세요. 당신이 원하는 텍스트.

소스코드는 다음과 같습니다.

코드를 복사하세요 코드는 다음과 같습니다.

< ;html>

색상 변경 텍스트 js 특수 효과

아래 텍스트를 주목하세요, 부분 텍스트가 빨간색으로 물들고, 빨간색이 순환적으로 움직입니다. 원본 텍스트

<스크립트 유형 ="text/javascript">
var message="웹 프론트엔드 및 기타 학습 자료가 있는 Ke Leyi.com에 오신 것을 환영합니다.
var 네온베이스컬러="#333333"
var 네온텍스트컬러 ="#ff0000"
var 네온텍스트컬러2 = "#ff3333"
var flashspeed=100
var flashingletters=8
var flashingletters2=2
var flashpause=0
var n=0
if (document .all||document.getElementById){
document.write('')
for (m=0;mdocument.write('' message.charAt(m) '')
document.write('< /font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all?eval("document.all.neonlight" number) : document.getElementById ("neonlight" 번호)
return crossobj
}
function 네온(){
if (n==0){
for (m=0;m< ;message.length;m )
crossref(m).style.color=neonbasecolor
}
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref( n-flashingletters).style .color=neontextcolor2
if (n>(flashingletters flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (nn
else{
n=0
clearInterval(깜박임)
setTimeout("beginneon()",flashpause)
return
}
}
function Beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
< /script>

keleyi.com
< ;/body>