使用jQuery来简单地实现模拟浏览器的搜索功能
快速写,给出提示,需要完善。把下面的代码复制到一个文本文件中,并将文件扩展名改为html运行。复制代码代码如下所示:
。水库
{
颜色:红色;
}
无功oldkey = ;
var指数= 1;
新数组();
无功oldcount = 0;
搜索功能(FLG){
如果(!Flg){
索引+;
指数=指数= oldcount 0:指数;
}
{其他
指数;
指数=指数<0 oldcount - 1:指数;
}
$(结果),RemoveClass(水库);
$(#得)删除();
var关键字= $(#关键)(。Val); / /核心价值
如果(!关键){
oldkey = ;
返回;键为空,退出
}
如果(oldkey!=键){
重置
索引= 0;
$()。每个(函数(){)
$(这)。ReplaceWith($(this)。Html());
});
新数组();
$(体).html($(体)。Html(更换(新)regexp(关键,GM),+键+ )); / /更换
$(#关键)。瓦迩(关键);
oldkey =关键;
$()。每个(函数(){)
Pos.push($(this)。偏移()。顶);
});
oldcount = $(结果)。长度;
}
$(。结果:情商(+指数+ )),AddClass(水库);
$(体)。ScrollTop(POS {指数});
}
要搜索的1个文本。
要搜索的2个文本。
要搜索的3个文本。
要搜索的4个文本。
要搜索的5个文本。
美丽的10故乡。
美丽的11故乡。
12美丽的家乡。
美丽的13故乡。
美丽的14故乡。
美丽的15故乡。
这里主要的思路是提供一个思路,让人不能等待自己的朋友来完善自己。