章节
问答
课签
笔记
评论
占位
占位

基础实践题

使用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});
?不会了怎么办
||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
$(document
    ).ready
    (function(){
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
*{ padding:0px;
    margin:0px;
    }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

已采纳回答 / 慕粉3914370
这里有jquery代码

最新回答 / 铅笔画不出未来
打开浏览器开发者模式定位一下就可以找到了图片地址:http://img.mukewang.com/5343d56b0001ccfb07200701.jpg http://img.mukewang.com/5343d553000107a107200701.jpg

已采纳回答 / qq_救救我吧_1
编辑器显示内容的右下角

最新回答 / echo_kinchao
网上有很多视频录制软件的

+ 我来回答 回答最高可+2积分

+ 我来回答 回答最高可+2积分

最新回答 / isu_腾飞
这个是引入jquery源码  用的

+ 我来回答 回答最高可+2积分

+ 我来回答 回答最高可+2积分
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言