最新下载
24小时阅读排行榜
- 1 mysql在Linux中配置时间同步与时区设置
- 2 mysql登录失败如何排查_mysql账号异常解决方法
- 3 php如何判断数组下标是否存在_php存在性检测函数法【教程】
- 4 Golang简单工厂与抽象工厂有什么区别_工厂模式差异说明
- 5 mysql中WHERE子句的使用与多条件查询
- 6 javascript如何创建与操作节点？【教程】
- 7 c++中functor仿函数是什么_c++函数对象用法【进阶】
- 8 mysql并发更新同一行数据怎么办_mysql冲突解决思路
- 9 javascript在哪里运行_如何设置开发环境【教程】
- 10 javascript事件循环是什么_宏任务和微任务如何执行【教程】
- 11 行锁和表锁有什么区别_mysql锁机制解析
- 12 XSLT 3.0的新特性在数据映射中的应用
- 13 如何给XML文件添加数字签名 C#实现XML签名
- 14 XML Catalog是什么 如何用它来解析本地DTD/XSD文件
- 15 PowerShell如何监控文件系统事件并调用API上传XML
最新教程
-
- Node.js 教程
- 16108 2025-08-28
-
- CSS3 教程
- 1546518 2025-08-27
-
- Rust 教程
- 23244 2025-08-27
-
- Vue 教程
- 25716 2025-08-22
-
- PostgreSQL 教程
- 22198 2025-08-21
-
- Git 教程
- 9185 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音乐播放器代码
