使用CSS样式与jQuery分步骤实现抢车位动画效果
CSS样式定位车图片位置
1、在style.css文件中的11行,输入下面代码:
position: absolute;
2、在style.css文件中的12行,输入下面代码:
top: 0;
3、在style.css文件中的13行,输入下面代码:
left:720px;
用jQuery代码让车动起来
1、在script.js文件中的3行,输入下面代码:
$(".car").animate({left:'0px'},{duration:300});
2、在script.js文件中的5行,输入下面代码:
$(".car").animate({left:'720px'},{duration:300});
请验证,完成请求
由于请求次数过多,请先验证,完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报