最新下載
夢幻水族館
少女前線
星之翼
小花仙精靈樂園
餐廳萌物語
山河旅探
戀與製作人
最強腦3
異塵:達米拉
少年西遊記2
24小時閱讀排行榜
- 1 如何使用插入的非“.parent”元素來取代“.parent”清單項目的背景顏色?
- 2 dsm.dll - 什麼是 dsm.dll?
- 3 dslmgr.exe - 什麼是 dslmgr.exe?
- 4 如何在 Spark DataFrame 中新增常數列?
- 5 如何在沒有 JavaScript 的情況下在滑鼠懸停在圖像上時顯示文字?
- 6 有效 JSON 有哪些不同的定義?
- 7 將臨時 `std::string::c_str()` 傳遞給 C 中的函數是否安全?
- 8 如何透過 PDO ODBC 將 PHP 連接到 MSSQL:驅動程式設定逐步指南
- 9 如何在 IE8 實現斑馬條紋表格:可以模擬 `nth-child()` 嗎?
- 10 ES2015中的箭頭函數可以不用`var`或`const`來命名嗎?
- 11 dsp_sub.dll - 什麼是 dsp_sub.dll?
- 12 如何使用純 CSS 實現固定側邊欄的選擇性滾動?
- 13 如何修復 App Engine 中的“無法猜測 Mimetype”錯誤?
- 14 drpdvaviengine.dll - 什麼是 drpdvaviengine.dll?
- 15 如何在 PHP 中使用「date_modify」來取得目前月份的第一天?
最新教學
-
- 國外Web開發全端課程全集
- 1695 2024-04-24
-
- Go語言實戰之 GraphQL
- 1970 2024-04-19
-
- 550W粉絲大佬手把手從零學JavaScript
- 3390 2024-04-18
-
- python大神Mosh,零基礎小白6小時完全入門
- 2924 2024-04-10
-
- MySQL 初學入門(mosh老師)
- 1782 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品課堂
- 2599 2024-03-29
程式碼片段:
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;
}