最新下载
西山居首页jQuery焦点图代码
CSS3扁平化风格联系表单
24小时阅读排行榜
- 1 php数据库怎么进加密的mysql_php解密连mysql法【步骤】
- 2 php连接达梦报端口不通咋办_php连达梦网络排查法【方案】
- 3 html5播放rtsp怎么切换源_html5rtsp多源切换法【交互】
- 4 如何用 CSS clip-path 创建四角汇聚的全宽网页三角分割布局
- 5 trae里php的zend_extension怎么加_trae加zend扩展法【技巧】
- 6 ios调用html5弹窗被拦截咋办_ios解除弹窗拦截法【方案】
- 7 php实现班级通信录导入重复数据_php去重导入处理方法【技巧】
- 8 Python 如何检测当前运行环境是 PyInstaller 打包后的 exe
- 9 如何使用 CSS 为表格行实现圆角背景（含渐变色/图片）
- 10 php页面渐变能结合CSS变量吗_php页面变量控渐变法【技巧】
- 11 php怎样用array_column二维转一维_phparray_column指定列转一维【步骤】
- 12 如何在 Promise 链中安全、优雅地传递同一对象
- 13 php数组如何筛选奇数或偶数项_php数组奇偶筛选实现【技巧】
- 14 SQL 如何校验数据完整性？
- 15 typing.ParamSpec 如何保留被装饰函数的签名参数类型
最新教程
-
- Node.js 教程
- 16082 2025-08-28
-
- CSS3 教程
- 1546459 2025-08-27
-
- Rust 教程
- 23226 2025-08-27
-
- Vue 教程
- 25695 2025-08-22
-
- PostgreSQL 教程
- 22182 2025-08-21
-
- Git 教程
- 9171 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音乐播放器代码
