建站
咨詢
售后
建站咨詢
新聞中心
話不多說，請看代碼：
成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),漢陰企業(yè)網(wǎng)站建設(shè),漢陰品牌網(wǎng)站建設(shè),網(wǎng)站定制,漢陰網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,漢陰網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
手風琴-支持橫縱向調(diào)用-原生js封裝
- 1
- 2
- 3
- 4
- 5
不傳參數(shù)，執(zhí)行默認參數(shù)，鼠標點擊預(yù)覽圖切換
new accordion("#accordion");
- 1
- 2
- 3
- 4
- 5
執(zhí)行默認參數(shù)，設(shè)置橫向展開{direction: "x"}，設(shè)置隱藏體可是區(qū)大小{expose: 50}默認單位為px，鼠標點擊預(yù)覽圖切換
new accordion("#accordion1", { direction: "x", expose: 50 });
- 1
- 2
- 3
- 4
- 5
- 6
執(zhí)行默認參數(shù)，設(shè)置縱向展開{direction: "y"}，設(shè)置隱藏體可是區(qū)大小{expose: 30}默認單位為px，鼠標點擊預(yù)覽圖切換
new accordion("#accordion2", { direction: "y", expose: 30 });
- 1
- 2
- 3
- 4
執(zhí)行默認參數(shù)，設(shè)置縱向展開{direction: "y"}，設(shè)置隱藏體可是區(qū)大小{expose: 30}默認單位為px，設(shè)置運動速度{speed: 100}，鼠標點擊預(yù)覽圖切換
new accordion("#accordion3", { direction: "y", expose: 30, speed: 100 });
調(diào)用方法：
new accordion(selector,{options});
options參數(shù)
參數(shù) 默認值 說明 direction "x" 設(shè)置橫向展開{direction: "x"},設(shè)置縱向展開{direction: "y"} expose 30 設(shè)置隱藏體可是區(qū)大小{expose: 30}默認單位為px speed 30 設(shè)置運動速度{speed: 100}
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持創(chuàng)新互聯(lián)！
分享題目：原生js實現(xiàn)手風琴功能（支持橫縱向調(diào)用）
文章轉(zhuǎn)載：http://www.dlmjj.cn/article/pojigg.html
