我的网站上的 404 页面中有一个文本区域,它是网络服务器对用户的独白。此文本使用 |
代表独白中“光标”位置的字符。不幸的是,这个 Angular 色不会眨眼。谷歌搜索后发现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我的左下角有一条闪烁的“测试”消息,但|
不会眨眼。
先谢谢了。
最佳答案
文本区域不能包含 HTML,所以你运气不好。既然您并没有真正使用文本区域进行输入,为什么还要使用文本区域呢?请改用 div,并适当修改您的代码。
关于javascript - 文本区域中的文本闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13448930/