js实现的图片轮播切换动画用transition实现怎么实现没有拉回的过渡效果。

fantasy5252 2016-08-15 09:58:45
结构大概是几个li里面放着img标签,ul外部一个父层div设置overflow:hidden;通过改变ul的left属性的值来移动图片,我想一次移动一张图片,在css里面设置ul属性transition:left .2s ;实现动画过渡,但是当达到临界条件时需要把left设置为0时,这个过程就会有拉回的效果了,也就是说left变成0的过程用了0.2s,如果不用动画,是秒回的就看不到拉回的效果了,但是我就是想用transition实现动画效果,不知道还有什么思路可以实现,求大神给点思路
...全文
645 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2016-08-16
  • 打赏
  • 举报
回复
把left设置为0时 obj.style.transitionProperty="nome"; obj.style.left="0px"; 把left设置为其它值时 obj.style.transitionProperty="left"; obj.style.left="400px"; }

87,903

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧