jquery 是一JavaScript庫(kù)，它可以極大地簡(jiǎn)化JavaScript編程，就算是小白用戶(hù)也可以輕松上手，今天小編就來(lái)告訴大家以滑動(dòng)的方式顯示隱藏的元素的方法吧 。
方法/步驟分享：
1、新建一個(gè)html文件，命名為test.html，用于講解jquery怎么以滑動(dòng)方式顯示隱藏的元素 。
2、在test.html文件內(nèi)，使用div標(biāo)簽創(chuàng)建一個(gè)模塊，并給div添加一個(gè)class屬性 。
3、在css標(biāo)簽內(nèi)，通過(guò)class設(shè)置div的樣式，定義它的寬度為200px，高度為200px，背景顏色為紅色，同時(shí)，將display屬性設(shè)置為none，實(shí)現(xiàn)div隱藏不可見(jiàn) 。
4、在test.html文件內(nèi)，使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行showdiv()函數(shù) 。
5、在函數(shù)內(nèi)，通過(guò)class獲得div對(duì)象，并使用slideDown()方法讓它以滑動(dòng)的方式顯示出來(lái) 。
6、在瀏覽器打開(kāi)test.html文件，點(diǎn)擊按鈕，查看實(shí)現(xiàn)的效果 。
總結(jié)：
1、使用div標(biāo)簽創(chuàng)建一個(gè)模塊，并給div添加一個(gè)class屬性 。
2、在css標(biāo)簽內(nèi)，通過(guò)class設(shè)置div的樣式，定義它的寬度為200px，高度為200px，背景顏色為紅色，同時(shí)，將display屬性設(shè)置為none，實(shí)現(xiàn)div隱藏不可見(jiàn) 。
3、使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行showdiv()函數(shù) 。
4、在函數(shù)內(nèi)，通過(guò)class獲得div對(duì)象，并使用slideDown()方法讓它以滑動(dòng)的方式顯示出來(lái) 。
【jquery以滑動(dòng)方式顯示隱藏的元素教程分享】喜歡小編為您帶來(lái)的jquery以滑動(dòng)方式顯示隱藏的元素方法嗎？希望可以幫到您~更多相關(guān)內(nèi)容盡在我們手機(jī)教程頻道！
推薦閱讀
- 攜程可以買(mǎi)電影票嗎
- dnf裝備刻印可以轉(zhuǎn)移紅字嗎
- 小靈通也玩來(lái)電大頭貼
- iPhone充電次數(shù)可以更改嗎 蘋(píng)果充電次數(shù)可以更改嗎
- 科目二一般學(xué)多久就可以考試了
- 離婚后多久可以買(mǎi)房
- 什么條件下可以斷絕父女關(guān)系
- PS彩色云彩繪制方法分享
- 芹菜汁可以空腹喝嗎
- 群主刪除退出群還在嗎