JQ效果 透明圖片覆蓋動畫

效果圖呈上

先說思路

1,一個固定的框架,有兩張圖片,一張是狗狗的,一張是練習方式,想把作好的練習方式隱藏

2,效果上想要從下面滑動出來,因此透明框定位在下面

3,整理須要的東西,緩慢升起須要動畫效果,animate()

4,鼠標移上去的事件mouseover(),mouseout(),hover()

5,整理好東西以後開始解決bug問題,

  1,反反覆覆的重複動畫 用stop()

  2,選中一個所有選中,選中的是一個類,而不是單獨的一個,因此要選出來它的子節點

    children(),

 

script代碼

html代碼