Jquery Animsition是一款使用jQuery编写的动画效果插件,它通过添加CSS3动画效果来实现让页面过渡、进出动态化的效果。
使用Jquery Animsition可以让页面过渡更加流畅和更加生动,提高用户体验。
$(document).ready(function () {
$(".animsition").animsition({
inClass: 'fade-in',
outClass: 'fade-out',
inDuration: 1500,
outDuration: 800,
loading: true,
loadingParentElement: 'body',
unSupportCss: ['animation-duration',
'-webkit-animation-duration', '-o-animation-duration'],
overlay: false,
overlayClass: 'animsition-overlay-slide',
overlayParentElement: 'body'
});
});
上述代码是使用Jquery Animsition实现网页动画效果的演示代码,其中使用了.fade-in和.fade-out来实现页面本身消失和出现的效果,不同的选择器可以实现不同的效果。设置inDuration和outDuration分别表示整个动画运行的时间。
同时,Jquery Animsition也支持loading效果、overlay效果等。
总之,Jquery Animsition可以实现页面过渡的动画效果,通过添加一些简单的代码,可以使网页看起来更加美观和生动。