滑动动画效果制作
滑动动画效果
神功总纲
第一关 、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})}
});
});