写的匆忙,示意一下,有待完善。把以下代码复制到文本文件中,把文件扩展名改为.html就可以运行了。 复制代码 代码如下: <br /> .res<br /> {<br /> color: Red;<br /> }<br /> <br /> var oldKey = "";<br /> var index = -1;<br /> var pos = new Array();<br /> var oldCount = 0; <p> function search(flg) {<br /> if (!flg) {<br /> index++;<br /> index = index == oldCount ? 0 : index;<br /> }<br /> else {<br /> index--;<br /> index = index < 0 ? oldCount - 1 : index;<br /> } <p> $(".result").removeClass("res");<br /> $("#toresult").remove();<br /> var key = $("#key").val(); //取key值<br /> if (!key) {<br /> oldKey = "";<br /> return; //key为空则退出<br /> } <p> if (oldKey != key) {<br /> //重置<br /> index = 0;<br /> $(".result").each(function () {<br /> $(this).replaceWith($(this).html());<br /> });<br /> pos = new Array(); <p> $("body").html($("body").html().replace(new RegExp(key, "gm"), "<span id='result" + index + "' class='result'>" + key + "")); // 替换 <p> $("#key").val(key);<br /> oldKey = key;<br /> $(".result").each(function () {<br /> pos.push($(this).offset().top);<br /> });<br /> oldCount = $(".result").length;<br /> } <p> $(".result:eq(" + index + ")").addClass("res"); <p> $("body").scrollTop(pos[index]);<br /> }<br /> 1待搜索的文本。 2待搜索的文本。 3待搜索的文本。 4待搜索的文本。 5待搜索的文本。 10美丽的家乡。 11美丽的家乡。 12美丽的家乡。 13美丽的家乡。 14美丽的家乡。 15美丽的家乡。 这里主要是个大家提供一个思路,小伙伴们等不及的话就自己完善下吧。