滑动动画效果制作

滑动动画效果

神功总纲
第一关 、html静态结构搭建
第二关、CSS样式添加，为图片进行定位
第三关、用JQUERY把滑动效果制作出来

juery

hover(函数1，函数2)事件：
模拟光标悬停

animate()函数
创建自定义动画

duration属性
设置动画持续的时间

$(document).ready(function)(){
$('.boxgrid').hover(function)(){
$(".car").animate({left:'0px'},{duration:300});
},function(){
$(".car").animate({left:'720px'},{duration:300})}
});
});

转载于:https://www.cnblogs.com/dingruinb/p/6546433.html