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

WBOY
풀어 주다: 2016-05-16 16:44:13
원래의
1920명이 탐색했습니다.

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>
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!