摘要
下载地址: 点击下载 效果描述： 鼠标悬停在图片上后，显示隐藏的另外一张图片，鼠标移走后返回之前图片，整个过程带有翻转效果 原理： 附件提供了7个单元的翻转效果，其原理只有一个，其他的只是相对定位绝对定位实现而已。 希望大家不要单纯的复制效果过去，弄懂原理才是核心 本案例主要应用的jQuer…
正文
下载地址: 点击下载
效果描述：
鼠标悬停在图片上后，显示隐藏的另外一张图片，鼠标移走后返回之前图片，整个过程带有翻转效果
原理：
附件提供了7个单元的翻转效果，其原理只有一个，其他的只是相对定位绝对定位实现而已。
希望大家不要单纯的复制效果过去，弄懂原理才是核心
本案例主要应用的jQuery的hover()、stop()、以及animate()三个方法(不理解此三个属性的可以百度一下)
当鼠标悬停后，内部板块向上移动一个单元。移开鼠标后恢复，而整个动画效果靠animate实现
使用方法：
1、将lanrenzhijia.css样式以及jQuery库、jQuery代码复制到你的网页中
2、将其中一个翻转单元复制到你的网页中即可，依照此原理可以复制扩张N倍
关注不迷路
扫码下方二维码，关注宇凡盒子公众号，免费获取最新技术内幕！
温馨提示：如果您访问和下载本站资源，表示您已同意只将下载文件用于研究、学习而非其他用途。
评论0