jquery的淡入,淡出事件 fadeIn fadeOut

jquery的淡入,淡出事件 fadeIn  fadeOut

1. fadeIn() 方法使用淡入效果來顯示被選元素，（該元素是隱藏的）

$(selector).fadeIn(speed,callback)

 參數描述speed，#可選。規定元素從隱藏到可見的速度。預設為 "normal"。 可能的值：毫秒 （例如 1500）"slow""normal""fast"

callback,可選。 fadeIn 函數執行完後，要執行的函數。 (除非設定了speed 參數，否則無法設定該參數)

#2.fadeOut()

fadeOut(speed, [ callback])透過不透明度的變化來實現所有匹配元素的淡出效果，並在動畫完成後可選地觸發一個回調函數。

這個動畫只調整元素的不透明度，也就是說所有符合的元素的高度和寬度不會改變。

三種預定速度之一的字串("slow", "normal", or "fast")或表示動畫時長的毫秒數值(如：1000)

3.IE下jquery的fadeIn與fadeOut方法失效的BUG 

      BUG1 :絕對定位嵌套絕對定位

                  解決對應換成浮動#，就可以實現淡隱淡出的效果了## 絕對定位嵌套大於父級尺寸的圖片

                    解調大小即可

        BUG3: IE6

#        BUG3: IE6 #        BUG3: IE6 17 IE)#. () fadeOut() bug 

                   如果fadeIn的元素的子元素有position屬性時以relative值為最嚴重有position屬性的元素不會出現fadeIn的效果！

                  解決：在fadeIn()之前動態的將其position屬性改為relative; 會解決IE7下的這個bug

       . css('position', 'relative').fadeIn();

                              以你子元素中加上新元素中加上filter: inherit; 當前元素的第一層子元素的元素加filter: inherit; 當前元素的第一層子元素時加filter: inherit; 當前元素的第一層子元素。這兩個一結合IE678 的問題就都解決了

                              .relative{position: relative;#filter: inherit}

以上是jquery的淡入,淡出事件 fadeIn fadeOut的詳細內容。更多資訊請關注PHP中文網其他相關文章！