最新下载
24小时阅读排行榜
- 1 html个人页面怎么加背景_html背景图与色值设置【样式】
- 2 Python 缓存导致的内存风险
- 3 Linux 配置变更如何做到可回滚
- 4 perf top 显示 [kworker] 高占比的 workqueue 长任务排查
- 5 html5布局代码响应式图片布局_html5布局代码响应图法【教程】
- 6 ipvsadm vip ARP 响应失败的 arp_ignore / arp_announce 配置
- 7 CSS 中的分号缺失:修复 Visual Studio Code 中的语法错误
- 8 vsftpd 500 OOPS: refusing to run with writable root inside chroot 写法
- 9 HTML 中相对路径的 src 属性导致请求地址错误:如何正确设置资源路径
- 10 html个人页面怎么加点赞按钮_html点赞交互逻辑实现【交互】
- 11 vm.dirty_background_ratio=5 后回写频繁的 vm.dirty_expire_centisecs 延长
- 12 html5可视化编辑兼容旧浏览器吗_html5可视化兼容处理法【方案】
- 13 如何正确禁用多个按钮元素以防止重复点击
- 14 html5怎么调整图片色温_html5色温调节前端法【技巧】
- 15 html5怎么给图片加水印_html5图片水印添加方法【步骤】
最新教程
-
- Node.js 教程
- 16283 2025-08-28
-
- CSS3 教程
- 1546932 2025-08-27
-
- Rust 教程
- 23412 2025-08-27
-
- Vue 教程
- 25854 2025-08-22
-
- PostgreSQL 教程
- 22348 2025-08-21
-
- Git 教程
- 9309 2025-08-21
代码片段:
function search(){
// 获取搜索框的值
var kwds = $("#searchInput").val();
// 获取第一个列表内容
var this_one = {};
var real_name = '';
// 定义数据列表
var list = $("#all_list .list_one");
// 定义查找的起始值
var true_one = 0;
for (var i = 0; i < list.length; i++) {
this_one = $(list[i]);
real_name = this_one.text().toString();
// 执行like匹配
if(real_name.match(kwds)){
// 处理第当前的结果
if(true_one == active){
// 获取窗口的宽和高
var windows_wdh = $(window).width();
var windows_hgt = $(window).height();
// 获取第一个坐标
var x_len = this_one.offset().left;
var y_len = this_one.offset().top;
// 驱动滚动条滚动到指定的位置
$("html,body").animate({scrollTop:(y_len-windows_hgt/2), scrollLeft:(x_len-windows_wdh/2)},500);
// 标记当前选中的结果
this_one.addClass('active');
this_one.removeClass('on');
}else{
// 标记符合的结果
this_one.addClass('on');
this_one.removeClass('active');
}
// 累加真实的选择
true_one++;
}else{
this_one.removeClass('on');
}
}
// 判断是否搜索完毕 如果搜索完毕 则从第一个开始 否则继续搜索下一个
active = active >= true_one-1 ? 0 : active+1;
return false;
}
