005 滑動效果

2021-10-10 15:26:59 字數 1564 閱讀 9661

1. jquery滑動方法

1.1. 通過jquery, 您可以在元素上建立滑動效果。

1.2. jquery擁有以下滑動方法: slidedown()、slideup()和slidetoggle()。

2. slidedown()方法

2.1. slidedown()方法通過使用滑動效果, 顯示隱藏的被選元素。

2.2. 語法:

$(selector).slidedown(speed,callback);
2.3. 引數

2.4. 如果元素已經是完全可見, 則該效果不產生任何變化, 除非規定callback函式。

2.5. 該效果適用於通過jquery隱藏的元素, 或在css中宣告display:none的元素(但不適用於visibility:hidden的元素)。

3. slideup()方法

3.1. 通過使用滑動效果, 隱藏被選元素, 如果元素已顯示出來的話。

3.2. 語法:

$(selector).slideup(speed,callback);
3.3. 引數

3.4. 如果元素已經隱藏, 則該效果不產生任何變化, 除非規定了callback函式。

4. slidetoggle()方法

4.1. slidetoggle()方法通過使用滑動效果(高度變化)來切換元素的可見狀態。如果被選元素是可見的, 則隱藏這些元素, 如果被選元素是隱藏的, 則顯示這些元素。

4.2. 語法:

$(selector).slidetoggle(speed,callback);
4.3. 引數

5. 例子

5.1. **

fast向上滑動段落

fast向下滑動段落

fast向上滑動/向下滑動段落

slow向上滑動段落

slow向下滑動段落

slow向上滑動/向下滑動段落

normal向上滑動段落

normal向下滑動段落

normal向上滑動/向下滑動段落

2s向上滑動段落

2s向下滑動段落

2s向上滑動/向下滑動段落

jquery向上滑動和向下滑動

5.2. 效果圖

DIV滑動效果

slider.prototype.cycle function 單步迴圈動作 else 給div透明度賦值 switch this.direction 根據彈出方向計算和設定div的動作 else break case 2 top to bottom var opx this.target.styl...

滑動效果 一

自定義乙個view,讓他隨著手指的滑動而滑動。xmlns tools android layout width match parent android layout height match parent tools context mainactivity example scorllview ...

jQuery效果 滑動

jquery 效果 滑動 jquery 滑動方法可使元素上下滑動。jquery 滑動方法 通過 jquery,您可以在元素上建立滑動效果。jquery 擁有以下滑動方法 slidedown slideup slidetoggle jquery slidedown 方法用於向下滑動元素。語法 sele...