寫的匆忙,示意一下,有待完善。把以下程式碼複製到文字檔中,把檔案副檔名改為.html就可以運行了。 複製程式碼 程式碼如下: <br /> .res<br /> {<br /> 顏色:紅色;<br /> }<br /> </樣式><br /> <script src="jquery.min.js" type="text/javascript"><br /> <腳本類型=“text/javascript”><br /> var oldKey = "";<br /> var 索引 = -1;<br /> var pos = new Array();<br /> var oldCount = 0; <p> 函數搜尋(flg) {<br /> if (!flg) {<br /> 索引;<br /> 索引=索引==舊計數? 0:索引;<br /> }<br /> 否則{<br /> 索引--;<br /> 指標 = 索引 < 0 ? oldCount - 1 :指標;<br /> } <p> $(".result").removeClass("res");<br /> $("#toresult").remove();<br /> var key = $("#key").val(); //取得鍵值<br /> if (!key) {<br /> 舊式金鑰 = "";<br /> 返回; //key回復<br /> } <p> if (oldKey != key) {<br /> // 重設<br /> 指數 = 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 "''result" 研究結果'>"鍵"")); // 替換 <p> $("#key").val(key);<br /> 舊式密鑰=密鑰;<br /> $(".result").each(function () {<br /> pos.push($(this).offset().top);<br /> });<br /> oldCount = $(".result").length;<br /> } <p> $(".result:eq("索引")").addClass("res");<p> $("body").scrollTop(pos[index]);<br /> }<br /> <br /> <br /> <body><br /> <div style="position: fixed; right: 20px; top: 0;"><br /> <input id="key" type="text" style="width: 100px;" /><br /> <input type="button" value="下一個" onclick="search()" /><br /> <input type="button" value="上一個" onclick="search(1)" /><br /> 1待搜尋的文字。 2待搜尋的文字。 3待搜尋的文字。 4待搜尋的文字。 5待搜尋的文字。 10美麗的家鄉。 11美麗的家鄉。 12美麗的家鄉。 13美麗的家鄉。 14美麗的家鄉。 15美麗的家鄉。