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>