两张精灵图怎么用css做到过度切换 而不会看起来 很生硬

html-css010

两张精灵图怎么用css做到过度切换 而不会看起来 很生硬,第1张

如果使用css,可以尝试鼠标悬浮【hover】的效果,

JS:如果是图片的切换,直接给<img>添加id,使用JS进行控制,直接使用滑动【slidedown/slideup】设计时间就可以了,美观还方便。

A、jquery hide()方法

  如果被选的元素已被显示,则隐藏该元素。

B、jquery  slideUp()方法

通过使用滑动效果,隐藏被选元素,如果元素已显示出来的话。

C、总结:

hide()和slideUp()方法都会将已显示的元素隐藏。区别在于,后者会有一个滑动的过渡效果。

刚刚查了下http://www.w3school.com.cn/tiy/t.asp?f=jquery_effect_slideup_slidedown这里也会跳,不懂是不是效果本身就这样,你如果不要效果的话完全可以两个css样式显示和隐藏的切换