发布时间: 2020-09-01
下载权限 白银或以上用户 分类 图片特效
¥免费
立即下载 加入收藏
升级会员组 享受更多优惠
效果描述:
鼠标悬停在图片上后,显示隐藏的另外一张图片,鼠标移走后返回之前图片,整个过程带有翻转效果
原理:
附件提供了7个单元的翻转效果,其原理只有一个,其他的只是相对定位绝对定位实现而已。
希望大家不要单纯的复制效果过去,弄懂原理才是核心
本案例主要应用的jQuery的hover()、stop()、以及animate()三个方法(不理解此三个属性的可以百度一下)
当鼠标悬停后,内部板块向上移动一个单元。移开鼠标后恢复,而整个动画效果靠animate实现
使用方法:
1、将lanrenzhijia.css样式以及jQuery库、jQuery代码复制到你的网页中
2、将其中一个翻转单元复制到你的网页中即可,依照此原理可以复制扩张N倍
分享链接 分享海报
上一篇: 鼠标经过图片半透明效果文字滑动显示
下一篇: 1234数字按钮焦点图切换代码
暂无评论
云筝源码