JS реализует текстовый эффект прокрутки и изменяет цвет. На странице отображения эффекта вы можете увидеть чередующуюся дисплей, изменяющий цвет цвета, чтобы привлечь внимание людей. Эффект действительно хорош. После копирования кода на ваш сайт будет нормально изменить его в нужный текст.
Ниже приведен исходный код:
Кода -копия выглядит следующим образом:
<html>
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<TILE> Прокрутка текста, изменяющий цвет, JS Special Effects </title>
</head>
<тело>
<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 mlsckingletters = 8
var Mlassingletters2 = 2
var flashpause = 0
var n = 0
if (document.all || document.getelementbyid) {
document.write ('<font color = "'+neonbasecolor+'">')
для (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"+number): document.getElementById ("Neonlight"+number)
вернуть Crossobj
}
функция neon () {
if (n == 0) {
для (m = 0; m <message.length; m ++)
CrossRef (m) .style.color = neonbasecolor
}
CrossRef (n) .style.color = neontextcolor
if (n> Mlassletters-1) CrossRef (N-Flashingletters) .style.color = NeontextColor2
if (n> (Mlscingletters+Flasslettertters2) -1) Crossref (n-Flashingletters-Flashingletters2) .style.color = Neonbasecolor
if (n <message.length-1)
n ++
еще{
n = 0
ClearInterval (мигает)
setTimeout ("beginneon ()", flashpause)
Возвращаться
}
}
function beginneon () {
if (document.all || document.getelementbyid)
Flashing = setInterval ("neon ()", Flashspeed)
}
Begneneon ()
</script>
<div> <br/> <a href = "http://keleyi.com" target = "_ blank"> keleyi.com </a> </div>
</body>
</html>