1. 程式人生 > >jQuery的效果(動畫)

jQuery的效果(動畫)

jquery的效果(動畫)

  • show
    • 概念:顯示隱藏的匹配元素 語法:show(speed,callback)
    • 引數:speed:三種預定速度之一的字串('slow','normal','fast')或表示動畫時長的毫秒值(如:1000毫秒==1秒)
    • callback:在動畫完成時執行的函式,每個元素執行一次
  • hide
    • hide(speed,callback)跟show使用方法類似,表示隱藏顯示的元素。
    • 可以通過show()和hide()方法,來動態控制元素的顯示隱藏
  • toggle
    • 如果元素是可見的,切換為隱藏的;如果元素是隱藏的,切換為可見的。
  • slideDown
    • 概念:通過高度變化(向下增大)來到動態地顯示所有匹配的元素,在顯示完成後觸發一個回撥函式
    • 用法和引數跟上面類似
  • slideUp
    • 通過高度變化(向上減小)來動態地隱藏所有匹配的元素,在隱藏完成後可選地觸發一個回撥函式。
    • 用法和引數跟上面類似
  • slideToggle
    • 概念:通過高度變化來切換所有匹配元素的可見性,並在切換完成後可選地觸發一個回撥函式
    • 跟toggle用法類似
  • fadeIn
    • 概念:通過不透明度的變化來實現所有匹配元素的淡入效果,並在動畫完成後可選地觸發一個回撥函式。
    • 這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化
  • fadeOut
    • 概念:通過不透明度的變化來實現所有匹配元素的淡出效果,並在動畫完成後可選地觸發一個回撥函式。
    • 這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化。
  • fadeTo
    • 概念:把所有匹配元素的不透明度以漸進方式調整到指定的不透明度,並在動畫完成後可選地觸發一個回撥函式。
    • 這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化。
  • fadeToggle
    • 概念:通過不透明度的變化來開關所有匹配元素的淡入和淡出效果,並在動畫完成後可選地觸發一個回撥函式。
    • 這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化。
    • 實現淡入淡出的效果就是使用此方法
  • animate
    • 概念:用於建立自定義動畫的函式
    • 語法:animate(params,[speed],[fn])
    • params:一組包含作為動畫屬性和終值的樣式屬性和及其值的集合
    • speed:三種預定速度之一的字串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如:1000)

    • fn:在動畫完成時執行的函式,每個元素執行一次。

  • stop
    • 概念:停止所有在指定元素上正在執行的動畫
    • 語法:stop([clearQueue],[jumpToEnd])
    • clearQueue:如果設定成true,則清空佇列。可以立即結束動畫。
    • gotoEnd:讓當前正在執行的動畫立即完成,並且重設show和hide的原始樣式,呼叫回撥函式等
  • delay
    • 概念:用來做延遲的操作
    • 語法:delay(1000),一秒之後做後面的操作