轻轻的开门关门还有个夸奖？

来源：蜘蛛抓取(WebSpider) 时间：2019-05-26 04:00 标签： 轻轻的关门

.cn All rights reserved. 版权所有：北京金海群英网络信息技术有限公司 -中国婚博会官网- 咨询电话：

互联网ICP备案：京ICP备号-1

广播电视节目制作经营许可证：（京）字第08319号 网络文化经营许可证：

电信与信息服务业务经营许可证：京ICP证140448号

营业性演出许可证：京演(机构)(号

计算机信息网络国际联网单位备案：

友际无限（北京）科技有限公司

违法和不良信息举报电话：0 邮箱：kefu@ 糗事百科版权所有

JavasSript代码的编写是根据HTML结构来的合悝的HTML结构布局，可以让代码更少更简单 

 

 通过一个父容器定位左右门可以采用left处理分别是0%与50%，这样我们在通过JS控制时候只需要改变left就可以形成开关门的效果
 
 

 开门关门的效果比较简单用之前3-3节用过的transition插件可以实现
 
 

 在实现的时候还需要注意几个问题
  • 开关门是2组动画，需要2组transition的實现
  • 开关门是否完成是需要监听2个动画是否完成才可以
  • 为了支持线性编程的逻辑，需要通过Deferred改善代码 
 

 开门的left的坐标是往反向变化所以變化的值是：
 
 
 

 关门的left还原到0%与50%即可。

我要回帖

更多关于 轻轻的关门 的文章

 

随机推荐