jQuery鼠标悬停翻转显示隐藏说明图片
效果描述: 鼠标悬停在图片上后,显示隐藏的另外一张图片,鼠标移走后返回之前图片,整个过程带有翻转效果 原理: 附件提供了7个单元的翻转效果,其原理只有一个,其他的只是相对定位绝对定位实现而已。 希望大家不要单纯的复制效果过去,弄懂原理才是核心 本案例主要应用的jQuery的hover()、stop()、以及animate()三个方法(不理解此三个属性的可以百度一下) 当鼠标悬停后,内部板块向上移动一个单元。移开鼠标后恢复,而整个动画效果靠animate实现 使用方法: 1、将lanrenzh
文件列表
pic0729.zip
(预估有个19文件)
jQuery鼠标悬停翻转显示隐藏说明图片
css
lanrenzhijia.css
2KB
访问懒人之家.url
328B
images
miyue2.jpg
35KB
qianshou.jpg
17KB
miyue.jpg
20KB
qinzi2.jpg
28KB
jiqing2.jpg
13KB
暂无评论