谢谢老师,幸苦了!然后跟大家分享一下我的原生js代码
效果网站https://gavin-pirate.github.io/Qixi/
源码网址https://github.com/Gavin-Pirate/Qixi
最后欢迎大家一起学习讨论
效果网站https://gavin-pirate.github.io/Qixi/
源码网址https://github.com/Gavin-Pirate/Qixi
最后欢迎大家一起学习讨论
谢谢老师,幸苦了!然后跟大家分享一下我的原生js代码
效果网站https://gavin-pirate.github.io/Qixi/
源码网址https://github.com/Gavin-Pirate/Qixi
最后欢迎大家一起学习讨论
效果网站https://gavin-pirate.github.io/Qixi/
源码网址https://github.com/Gavin-Pirate/Qixi
最后欢迎大家一起学习讨论
2018-02-25
关于暂停会漂移的问题, 尝试用css()在里面添加过渡效果,具体逻辑理解了解下相关方法使用说明吧!:
//开始
$("button:first").click(function(){
$boy.addClass("slowWalk").css({
"left" : $("#content").width() + "px",
"transition" : "all 10s linear"
});
$boy.removeClass("pauseWalk");
})
//开始
$("button:first").click(function(){
$boy.addClass("slowWalk").css({
"left" : $("#content").width() + "px",
"transition" : "all 10s linear"
});
$boy.removeClass("pauseWalk");
})
2018-01-24
最新回答 / alwaysonline8
因为里面li用了浮动。overflow是清除浮动防止溢出,不然你就用display:inline-blick;li之间的缝隙你用position相对定位left:设置负数,
2018-01-21
$("#mydiv").on(animationEnd,function(){
console.log('动画结束');//监听到该动画完成以后,才会调用回调函数。
})
首先,这里的webkitAnimationEnd和animationend就是一个像click一样的事件!
而且,匿名自执行函数根据浏览器的不同,已经把事件返给了变量animationEnd。animationEnd这个变量已经被替换为了'webkitAnimationEnd'事件名称(判断的结果)。
最后,一旦div的动画结束,'webkitAnimationEnd'事件就会被触发,也就会执行回调函数了。
console.log('动画结束');//监听到该动画完成以后,才会调用回调函数。
})
首先,这里的webkitAnimationEnd和animationend就是一个像click一样的事件!
而且,匿名自执行函数根据浏览器的不同,已经把事件返给了变量animationEnd。animationEnd这个变量已经被替换为了'webkitAnimationEnd'事件名称(判断的结果)。
最后,一旦div的动画结束,'webkitAnimationEnd'事件就会被触发,也就会执行回调函数了。
2018-01-15
-webkit-animation动画有三个事件:
开始事件: webkitAnimationStart
结束事件: webkitAnimationEnd
重复运动事件: webkitAnimationIteration
所以:
var animationEnd=function(){
var explorer=navigator.userAgent;
if(~explorer.indexOf('WebKit')){
return 'webkitAnimationEnd';
}
return 'animationend';
}();
开始事件: webkitAnimationStart
结束事件: webkitAnimationEnd
重复运动事件: webkitAnimationIteration
所以:
var animationEnd=function(){
var explorer=navigator.userAgent;
if(~explorer.indexOf('WebKit')){
return 'webkitAnimationEnd';
}
return 'animationend';
}();
2018-01-15