最新下载
简单实用的JS仿支付宝下拉菜单代码
24小时阅读排行榜
- 1 如何修复 appendChild 在电商网站中不生效的问题
- 2 React 中 useState 异步更新导致 UI 不重新渲染的解决方案
- 3 Python 中用星号（）字符串代替数字结果的实现方法
- 4 如何在 Next.js 13+ 中根据语言动态生成多语言 SEO 元数据
- 5 c++怎么实现模板约束concepts_c++ 20类型约束与编译期检查【方法】
- 6 mysql如何配置只读用户_mysql只读用户权限配置
- 7 什么是行锁和表锁_mysql锁区别说明
- 8 css字体不生效怎么办_使用@font-face正确声明字体来源
- 9 谷歌怎么换html5_Chrome默认支持HTML5无需更换直接渲染使用【说明】
- 10 如何使用Golang匿名字段_Golang结构体匿名字段说明
- 11 如何在 React 中使用嵌套 .map() 遍历对象内的数组
- 12 html5怎么记录缓存_html5用localStorage或sessionStorage记录缓存数据【记录】
- 13 如何避免长事务_mysql高并发事务优化
- 14 什么是唯一索引_mysql唯一约束说明
- 15 C++如何实现图的广度优先搜索（BFS）？（代码示例）
最新教程
-
- Node.js 教程
- 14575 2025-08-28
-
- CSS3 教程
- 1541847 2025-08-27
-
- Rust 教程
- 22215 2025-08-27
-
- Vue 教程
- 24692 2025-08-22
-
- PostgreSQL 教程
- 21378 2025-08-21
-
- Git 教程
- 8466 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音乐播放器代码
