jQuery鼠标悬停翻转显示隐藏说明图片

发布时间: 2020-09-01

下载权限 白银或以上用户 分类 图片特效

¥免费

立即下载 加入收藏

升级会员组 享受更多优惠

自动发货

jQuery鼠标悬停翻转显示隐藏说明图片插图

效果描述:

    鼠标悬停在图片上后,显示隐藏的另外一张图片,鼠标移走后返回之前图片,整个过程带有翻转效果

原理:

    附件提供了7个单元的翻转效果,其原理只有一个,其他的只是相对定位绝对定位实现而已。

    希望大家不要单纯的复制效果过去,弄懂原理才是核心

    本案例主要应用的jQuery的hover()、stop()、以及animate()三个方法(不理解此三个属性的可以百度一下)

    当鼠标悬停后,内部板块向上移动一个单元。移开鼠标后恢复,而整个动画效果靠animate实现

使用方法:

1、将lanrenzhijia.css样式以及jQuery库、jQuery代码复制到你的网页中

2、将其中一个翻转单元复制到你的网页中即可,依照此原理可以复制扩张N倍

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系客服,我们将尽快处理。

分享链接 分享海报

暂无评论

嘿,我来帮您!