jQuery tab 切換函式

2022-02-04 02:14:59 字數 2191 閱讀 1565

今天接到的頁面裡面 有很多的切換 以前都是遇到切換臨時用選擇器寫乙個 

比如這樣:

html:

"

tab_con

">

內容一內容一內容一內容一

內容二內容二內容二內容二

內容三內容三內容三內容三

指令碼:

$("

#tab

").find("li"

).each(function(i))

//(函式1)

現在麻煩來了 有很多很多的切換 不得不去寫n段同樣的**。。這就效率低下了

還有 如果 你的 #tab_con 裡面 不止有 div 還有幾個ul該怎麼辦呢? 如果你不想點選切換

而是想劃過切換怎麼辦呢?如果你想多個地方都用切換效果怎麼辦呢?

所以得把它們統統給整成引數

現在我們整理一下需要引數化的東西

首先是 控制切換的容器 以及 這個容器底下來觸發切換的標籤

我們給它們命名為 id_tab tag_tab 

然後是 內容切換的容器 以及 這個容器底下來做相應切換的標籤

我們給它們命名為 id_con tag_con

當然還得有 觸發的方式 (這裡稍後將會給我們帶來麻煩~~)

有標記當前的樣式 .cur

那麼 我們現在先標記一下當前狀態吧 這個函式很簡單

function cur(ele)

這個函式的意思是 該元素增加class cur 其兄弟元素取消 class cur

用法是 cur(this); 就足夠了 這個函式我們備用 一會我們會在 tab 函式中呼叫它

現在我們來寫 tab 函式

function tab(id_tab,tag_tab,id_con,tag_con)

)

}) }

是不是很簡單呢?只是把 函式1 裡面的可以變化的東西都提取了出來

$(id_con).find(tag_con).eq(i).show().siblings(tag_con).hide();

這一句 內容切換的主要函式 而且它避免了 

切換容器中其他容器被誤選擇 只對一種標籤做切換

但是我們沒有把觸發方式給提取出來 而是在函式裡固定了 click

下面我們就對這個進行改裝

很自然的 我們得到了:

function tab(id_tab,tag_tab,id_con,tag_con,act)

)

}) }

是不是這樣 我們就可以 給 act 賦值為 click mouseover 就可以了呢?

答案是 no way 在ff 下雖然不報錯 但是不執行 ie則報錯 不知道其他高人有什麼方法解決滴?

那只有寫的複雜點 寫成這樣:

如果 act預設 那就是 點選切換了 如果被賦值為 mouseover 則是 劃過切換了

function tab(id_tab,tag_tab,id_con,tag_con,act);

if(act=="

click

"))

})

}if(act=="

mouseover

"))

})

} }

使用方法:

tab("#tri","li","#game_con","div","mouseover");

html:

class="

ngame

">

"game_con

">

內容11111111

內容222222

內容333333

tab(".tab_con","li",".tab_con","table");

用類作為選擇符雖然效率低點 但是 可以多次重用 這個性質不錯

tab("#tzxu","li","#tzxn","div");

不過最好還是用id來做選擇符 那效率高點

tab("#vtag","li","#vtagn","ul");

這些都是預設的 點選切換

最後 別忘了一定要鏈上jquery 的庫檔案啊 一定要在頁面載入其他js之前寫啊 否則你會遇到莫名其妙的麻煩和錯誤 呵呵

C OS 任務切換函式OSCtxSw 原型

任務級的切換問題是通過發軟中斷命令或依靠處理器執行陷阱指令來完成的。中斷服務例程,陷阱或異常處理例程的向量位址必須指向osctxsw 如果當前任務呼叫 c os 提供的系統服務,並使得更高優先順序任務處於就緒狀態,c os 就會借助上面提到的向量位址找到osctxsw 在系統服務呼叫的最後,c os...

軟切換 硬切換,垂直切換 水平切換

1 軟切換是 先切換,後斷開 移動節點只有在取得了與新基站的鏈結之後,才會中斷與原基站的聯絡,因此在切換過程中沒有中斷,不會影響通話質量 2 軟切換由於是在頻率相同的基站間進行,在兩基站或多基站覆蓋區的交界處,移動節點同時與多個基站通訊,前向業務通道和反向業務通道的路徑分集的作用,因而可大大減少切換...

硬切換與軟切換

手機使用者對網路的最大意見就是經常掉話。這是因為手機越區切換時採用的是 硬切換 在從乙個基站覆蓋區進入另乙個基站覆蓋區時先斷掉與原基站的聯絡,然後再尋找新進入的覆蓋區的基站進行聯絡,這就是通常所說的 先斷後接 當然這個斷的時間差僅幾百毫秒,在正常情況下人們無法感覺到,只是一旦手機因進入遮蔽區或通道繁...