变颜色:以下代码是Ctr+F的查找功能,现在我想知道如何让查找出来的字体可以闪烁起来以便更显眼。另外如果要颜色变的话又怎么改代码呢?
<html>
<body>
aaaaaaaaaaabbbbbbbbccccccccccccccddddddddddeeeeeeee.net
<script language="JavaScript">
var NS4 = (document.layers); 
var IE4 = (document.all);
var win = window; // window to search.
var n = 0;
function findInPage(str) {
var txt, i, found;
if (str == "")
return false;
if (NS4) {
if (!win.find(str))
while(win.find(str, false, true))
n++;
else
n++;
if (n == 0)
alert("Not found.");
}
if (IE4) {
txt = win.document.body.createTextRange();
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
if (found) {
txt.moveStart("character", -1);
txt.findText(str);//txt.select();
txt.pasteHTML("<font color=red>"+txt.htmlText+"</font>")txt.scrollIntoView();
n++;
}
else {
if (n > 0) {
n = 0;
findInPage(str);
}
else
alert("Not found.");
}
}
return false;
}
</script>
<form name="search" onSubmit="return findInPage(this.string.value);">
<font size=3><input name="string" type="text" size=15 onChange="n = 0;"></font>
<input type="submit" value="查找">
</form>
</body>
</html>

解决方案 »

  1.   

    随便修改txt.pasteHTML("<font color=red>"+txt.htmlText+"</font>")
    ===>可以改变背景色
      

  2.   

    //txt.select();
    txt.pasteHTML("<span style='background:red'>"+txt.htmlText+"</span>")
      

  3.   

    ________________________________________________
    <script>
    function showit(){
    aa.style.display='';
    setTimeout('hideit()',500);}
    function hideit(){
    aa.style.display='none';
    setTimeout('showit()',500);
    }
    </script>
    <body onload="hideit()">
    <div id=aa style="display='';">我在闪烁</div>
    ________________________________________________________
    测试通过。