返回信息流input.comment-text opacity:0
div.comment-board height:0
这是一条镜像帖。来源:北邮人论坛 / www-technology / #37448同步于 2016/6/24
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖
Re: 又来问问题了。。。
orifake
2016/6/24镜像同步15 回复
订阅后,新回复会通过你的通知中心匿名送达。
9 条回复
。。第一个问题确实是自己脑子长坑了。。。感谢。。
【 在 orifake 的大作中提到: 】
: input.comment-text opacity:0
: div.comment-board height:0
第二个的原因是这样的,你第一次点击完mail之后,动画还未完全结束,然后你就点击了comment。这样会让第一个动画还处在延时执行的状态,comment的动画会等待第一个动画结束再进行动画。所以就会出现延时特别久而且每次都不太一样长时间的情况。因为两次点击之间的时长并不是确定的。
要解决这个问题,推荐的是采用css3的transform、animation、transition的方式,给你的元素以加上class、删除class的形式来进行动画,这样就不会出现上面的等待延时的情况了。CSS3的transition属性里自带了延时属性。如果你加入class就会触发,删除class就会失效,而不会出现等待延时。
楼主的网站挺有意思,不过建议楼主把css3的部分多看看,很多地方可以不用js实现的效果的,css3的属性就够了。而且更简单些
另外两个动画延时都太久了,用户不知道你的动画时长如此长,他们点完会发现什么都没有,效果反而不是太好。动画效果比较好的就是能够让用户等待时间在合理范围内,可以预期有效果但是又能让其眼前一亮的感觉。
感谢解答 CSS3的动画看了一点 transform这些属性有用到过 那个天气的icon动画用了@keyframes 这次用velocity是想试试动画效果的库是不是能解决兼容问题 之前有看到别人的代码有-webkit-transition的。。
这个延迟有时候也出现在第一次点击。。而且用了complete:function(){}点击单个按钮时应该不会延迟才对。。我试试加个isanimate=ture控制下。。不行的话就改成CSS3吧~
【 在 PiEgg 的大作中提到: 】
: 第二个的原因是这样的,你第一次点击完mail之后,动画还未完全结束,然后你就点击了comment。这样会让第一个动画还处在延时执行的状态,comment的动画会等待第一个动画结束再进行动画。所以就会出现延时特别久而且每次都不太一样长时间的情况。因为两次点击之间的时长并不是确定的。
: 要解决这个问题,推荐的是采用css3的transform、animation、transition的方式,给你的元素以加上class、删除class的形式来进行动画,这样就不会出现上面的等待延时的情况了。CSS3的transition属性里自带了延时属性。如果你加入class就会触发,删除class就会失效,而不会出现等待延时。
: 楼主的网站挺有意思,不过建议楼主把css3的部分多看看,很多地方可以不用js实现的效果的,css3的属性就够了。而且更简单些
感谢~我改进试一试~
【 在 PiEgg 的大作中提到: 】
: 另外两个动画延时都太久了,用户不知道你的动画时长如此长,他们点完会发现什么都没有,效果反而不是太好。动画效果比较好的就是能够让用户等待时间在合理范围内,可以预期有效果但是又能让其眼前一亮的感觉。
是的。。我也觉得很啰嗦。。我去看看链式调用。。jq选择器对不同的元素可以链式调用的吗。。
【 在 RyanV 的大作中提到: 】
: 这个代码风格很难受啊。。jq选择器可以缓存。。还有可以链式调用的。。
【 在 matsunatsuri 的大作中提到: 】
: 是的。。我也觉得很啰嗦。。我去看看链式调用。。jq选择器对不同的元素可以链式调用的吗。。
当然不可以= =