課程
/前端開(kāi)發(fā)
/JavaScript
/Tab選項(xiàng)卡切換效果
各位大神,我初學(xué)這個(gè),想要了解each()實(shí)現(xiàn)切換效果的,希望有具體的代碼,讓我實(shí)踐一下
2015-08-06
源自:Tab選項(xiàng)卡切換效果 1-5
正在回答
$(function(){
? ? var P=$('p');//不是真正的數(shù)組
? ? var UL=$("ul");
? ? var pp = Array.prototype.slice.call(P,0);//轉(zhuǎn)換成數(shù)組
? ? var active = 0;//全局變量
? ? pp.forEach(function(data,index,array){
? ? ? data.onclick = function(){
? ? ? ? $(UL[index]).slideDown();
? ? ? ? if(index !== active) {
? ? ? ? ? $(UL[active]).slideUp();
? ? ? ? }
? ? ? ? active = index;//記錄上次點(diǎn)擊過(guò)的元素的下標(biāo)
? ? ? };
? ? })
? });
你看看forEach行不行,可能不是很準(zhǔn)確,但是能用。
cc_smile 提問(wèn)者
舉報(bào)
本課程詳細(xì)介紹網(wǎng)頁(yè)頁(yè)面中最流行常用的tab切換效果
3 回答關(guān)于jquery里用each()實(shí)現(xiàn)切換效果的問(wèn)題
2 回答選項(xiàng)卡切換效果如何用jQuery實(shí)現(xiàn),使用each函數(shù)?
3 回答jQuery代碼 完美實(shí)現(xiàn)效果!
1 回答運(yùn)行時(shí)沒(méi)有切換效果
2 回答Tab選項(xiàng)卡切換 延遲效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-03-04
$(function(){
? ? var P=$('p');//不是真正的數(shù)組
? ? var UL=$("ul");
? ? var pp = Array.prototype.slice.call(P,0);//轉(zhuǎn)換成數(shù)組
? ? var active = 0;//全局變量
? ? pp.forEach(function(data,index,array){
? ? ? data.onclick = function(){
? ? ? ? $(UL[index]).slideDown();
? ? ? ? if(index !== active) {
? ? ? ? ? $(UL[active]).slideUp();
? ? ? ? }
? ? ? ? active = index;//記錄上次點(diǎn)擊過(guò)的元素的下標(biāo)
? ? ? };
? ? })
? });
你看看forEach行不行,可能不是很準(zhǔn)確,但是能用。