JSは、スクロールと色を変えるテキスト効果を実現します。エフェクトディスプレイページでは、テキストがカラーを変えるディスプレイを交互に変化させて、人々の注意を引き付けることができます。効果は本当に良いです。コードをウェブサイトにコピーした後、それを目的のテキストに変更しても問題ありません。
以下はソースコードです。
コードコピーは次のとおりです。
<html>
<head>
<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"ターゲット= "_ blank">元のテキスト</a>
</div>
<script type = "text/javascript">
var message = "keleyi.comへようこそ、Webフロントエンドなどの学習資料があります。」
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（number）{
var crossobj = document.all？ eval（ "document.all.neonlight"+number）：document.getElementById（ "neonlight"+number）
Crossobjを返します
}
function neon（）{
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（n <message.length-1）
N ++
それ以外{
n = 0
ClearInterval（点滅）
setimeout（ "beginneon（）"、flashpause）
戻る
}
}
function beginneon（）{
if（document.all || document.getElementByID）
フラッシュ= setInterval（ "neon（）"、flashspeed）
}
beginneon（）
</script>
<div> <br/> <a href = "http://keleyi.com"ターゲット= "_ blank"> keleyi.com </a> </div>
</body>
</html>