私の Web サイトの 404 ページに、Web サーバーからユーザーへのモノローグであるテキスト領域があります。このテキストは|
、モノローグの「カーソル」位置を表す文字を使用しています。残念ながら、このキャラクターは点滅しません。グーグルで検索してhttp://en.wikipedia.org/wiki/Blink_element#Implementationを見つけた後、ページに追加しようとしましたが、タグを の周りに配置すると、|
解釈されずにリテラルとして表示されます。
テキストを表示する関数は、
function type_text()
{
contents='';
row=Math.max(0,index-7);
while(row < index)
{
contents += tl[row++] + '\r\n';
}
document.forms[0].elements[0].value = contents + tl[index].substring(0,text_pos) + "<blink>|</blink>";
if(text_pos++==str_length)
{
text_pos=0;
index++;
if(index!=tl.length)
{
str_length=tl[index].length;
setTimeout("type_text()",1500);
}
} else
setTimeout("type_text()",speed);
}
これはもちろんJavascriptです。
<blink>
これを使用してタグをスクリプト化しました。
function blink()
{
var blinks = document.getElementsByTagName('blink');
for (var i = blinks.length - 1; i >= 0; i--)
{
var s = blinks[i];
s.style.visibility = (s.style.visibility === 'visible') ? 'hidden' : 'visible';
}
window.setTimeout(blink, 500);
}
if (document.addEventListener) document.addEventListener("DOMContentLoaded", blink, false);
else if (window.addEventListener) window.addEventListener("load", blink, false);
else if (window.attachEvent) window.attachEvent("onload", blink);
else window.onload = blink;
それが役に立ったら、私のページはここにあります: http://paradoxwow.com/404.shtml左下に「テスト」メッセージが点滅していますが、点滅し|
ません。
ありがとうございます。