首頁 > 網際網路

如何使用jquery實現滑動效果

2019-12-11 18:10:20

滑動效果是HTML元素隱藏顯示的一種,只不過jquery使這個過程動態化了,下面我們就來看一下如何使用jquery實現滑動效果吧;

1

建立一個記事本文件,如圖所示;


2

建立兩個div塊,並為其命名id,之後可以根據jquery進行定位;


3

引入jquery,如圖所示,隨後進入下一步;


4

書寫script標籤,以便書寫js程式碼;


5

slideDown()方法,可以使元素向下滑動,如圖所示;


6

slideUp()方法,可以使元素向上滑動,如圖所示;


7

slideToggle() 可以在 slideDown() 和slideUp() 之間進行切換,如圖所示;



IT145.com E-mail:sddin#qq.com