jquery總結06 動畫事件01 基礎顯示和隱藏

2022-07-26 18:00:12 字數 578 閱讀 5428

動畫事件

.hide(option) 動畫隱藏  會儲存元素的原始屬性值

$("#a2").hide(

}).show(option)動畫顯示

show與hide方法是修改的display屬性,通過是visibility屬性布局需要通過css方法單獨設定

如果使用!important在你的樣式中,比如display: none !important,如果你希望.show()方法正常工作,必須使用.css('display', 'block !important')重寫樣式

如果讓show與hide成為乙個動畫,那麼預設執行動畫會改變元素的高度,高度,透明度

.toggle(option) 隱藏或顯示切換 內在原理還是用的.hide()和.show()

$("button:last").click(function() );

.toggle()還可以模擬滑鼠單機事件(jquery 1.8版本此功能被移除)

.toggle(function(),function(){

alert("a");

注意 jquery動畫要在標準模式下進行,否則會引起抖動。現在簡寫可以是

jquery總結06 動畫事件02 上捲下拉動畫

slidedown 下拉動畫 動畫執行之後的操作寫在 函式裡 ele slidedown 1000,function slideup 上捲動畫 a2 slideup 3000,function 原理 找到元素的高度,然後採用乙個下滑動畫讓元素一直滑到隱藏,當高度為0的時候,也就是不可見的時,修改元素...

jquery總結06 動畫事件03 淡入淡出效果

fadeout 淡出 fadein 淡入 fadetaggle 淡入淡出切換 fadeto 淡入設定透明度 淡入淡出fadein與fadeout都是修改元素樣式的opacity屬性,但是他們都有個共同的特點,變化的區間要麼是0,要麼是1 fadein 淡入效果,內容顯示,opacity是0到1 fa...

jquery總結06 動畫事件04 自定義動畫

animate params,speed easing fn params,speed easing fn options,number string,string,functionv1.0 params 一組包含作為動畫屬性和終值的樣式屬性和及其值的集合 speed 三種預定速度之一的字串 slo...