最新下载
jQuery+CSS3实现3D缩略图悬停效果
24小时阅读排行榜
- 1 Laravel 6 项目中正确安装 laravel/ui 的完整指南
- 2 Go 中结构体嵌套不等于类型兼容：理解 Go 的类型赋值规则与接口优势
- 3 Python代码如何调试_pdb调试技巧总结
- 4 SQL ON CONFLICT DO NOTHING 的 upsert 幂等性保障写法
- 5 Go 中 exec.Command 捕获 pprof 错误输出的正确方式
- 6 HTML如何标记文档的替代内容_HTML标记文档替代内容属性【属性】
- 7 HTML 表格基础教程：从零构建结构化数据表格
- 8 PySimpleGUI 窗口不显示的常见原因与正确事件循环实践
- 9 php函数参数如何传递_php函数参数传递方式【类型】
- 10 HTML表单如何处理换行符保存_HTML表单处理换行符保存流程【指南】
- 11 SQL WHERE 条件组合优化实战案例
- 12 Python生成器和列表区别_生成器惰性计算原理解析
- 13 php8.5七牛云上传怎么搞_php8.5七牛云文件上传token生成
- 14 HTML开发环境如何配置VS Code_HTML开发环境配置VS Code方法【操作】
- 15 SQL 触发器性能优化与风险防范方法实践
最新教程
-
- Node.js 教程
- 17976 2025-08-28
-
- CSS3 教程
- 1552071 2025-08-27
-
- Rust 教程
- 25044 2025-08-27
-
- Vue 教程
- 26926 2025-08-22
-
- PostgreSQL 教程
- 23333 2025-08-21
-
- Git 教程
- 10195 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;
}
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
