本文摘自PHP中文网,作者V,侵删。
实现效果:
点击关闭图片按钮先往下退出再往右退出。
实现步骤:
1、封装运动函数
2、给图片上的关闭设置一个盒子
3、给关闭盒子注册点击事件点击后
4、下面图片高度为0,设置一个缓动动画
5、上面图片宽度为0,设置一个缓动动画
缓动动画代码(带回调函数):`
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
|
开机图片,的由两个图片中组成
相关阅读 >>
更多相关阅读请进入《js》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者