模拟科目二侧方位停车训练

这是利用代码来模拟驾照考试中的科目二考试的侧方位停车，通过这个可以进行科目二模拟训练。这是是通过按键盘的上下左右的进行汽车的移动的，按W或者S进行汽车的旋转。
效果图：

xHTML中的div1对应的就是红色的小汽车，其他的div就是一些黄色的停车线，以及一些样
式，div中的Style是我给这些线设置的一些简单的样式，不过主要的样式还是在CSS部分中，也是为了能更好的单独设置其中的某个标签的样式。

HTML部分：

下面就是CSS的部分，基本上都是给div设置一些宽、高，以及背景颜色还是位置等等的各种的样式，以及为了不让汽车的移动而影响到其他标签的样式，所以在这里为用了position: fixed这个方法，设置它的固定定位，还有要注意一下的就是@keyframes animation的部分，以及A、B两个的CSS部分，虽然A、B两个类基本上差不多一样但是为了JS部分能更好的切换以及能够多次点击就多写了一点。
CSS部分：

再接下来就是JQuery的部分，在写JQuery代码之前要引入JQuery的脚本文件。然后就是就是键盘按下事件，上下左右的键码值分别对应的是38、40、37、39，W对应的是87、S对应的83。通过AddClass给div1添加A或者B的类，达到小汽车旋转的效果，RemoveClass移除添加添加的类，这样就可以实现多次点击而不会影响运行的效果。
JQuery部分：

模拟科目二侧方位停车训练相关推荐

S如何边缘控制_驾考科目二侧方位停车、倒库与S弯道，上坡起步技巧及注意事项，意外应对方法...
有网友反映,侧方位和上坡也有问题的,我来补充一下我们(安徽怀宁)这里侧方位停车和上坡起步的操作步骤及注意事项吧侧方位停车 1.定点停车如图,定点停车要求对准1号胸口线,2号肩膀线,车身距离车子右侧 ...
科目二坡道定点停车和起步流程记录 LTS
科目二坡道定点停车和起步流程记录 LTS 参考资料 https://zhuanlan.zhihu.com/p/363423271 实际场景图对方向车的宽度新普桑数据长4473,宽1706,轴 ...
车内看车头正不正技巧_路边临时侧方位停车技巧，七个关键环节分解动作实录详解...
这是一条新开发社区的新建道路,周围还没有正式的停车场,这里目前还没有完全纳入城市综合管理阶段,所以路边车辆停放相对随意一些,但是过往车辆比较多,所以在这里进行侧方位倒库停车的时候,既要干脆利索的入位尽 ...
车内看车头正不正技巧_这种侧方位停车技巧，驾校不教，现实却经常用到，同叔实录讲解...
很多刚拿本的朋友有这个体会,在驾校觉得倒库比较难,可是在实际生活中倍感困难的是侧方位停车.标准的车位还稍微好点,就怕遇到前后车辆占位比较多的车位,使本来操作难度就比较大的侧方位停车变得更没有把握. 今 ...
模拟科目二倒车入库训练
这是利用代码来模拟驾照考试中的科目二考试的倒车入库,通过这个可以进行科目二模拟训练.这是是通过按键盘的上下左右的进行汽车的移动的,按W或者S进行汽车的旋转. 效果图: HTML中的div1对应的就是红 ...
科目二如何侧方位停车
macro:打满: 一圈半雨刮器中间关节点对线行驶距右边线30-40cm 前库角出现在右后视镜中间停车开始倒车前库角从右后视镜消失方向向右打满左后视镜看到右后库角方向回正左后视镜看到左后轮接近 ...
科目二☞坡道定点停车和起步
停车,拉手刹,踩油门到2000转,松离合,转速到1000转,放手刹,踩油门[@more@] 来自 " ITPUB博客 " ,链接:http://blog.itpub.net/812 ...
科目二-坡道定点停车起步
坡道定点停车和起步 1.找到车身与右边缘30cm位置(方向盘对准箭头和虚线或者雨刷凸起点对边线或者看后视镜车身与边缘一指宽) ,将车摆正(眼光放远,视线与边缘线不交叉,正了后方向盘回正保持) ...
问答| 为何会采用倒车入库（侧方位停车）方式？
关注同名微信公众号"混沌无形",有趣好文! 原文链接:https://mp.weixin.qq.com/s/hCAzGJDSZFsFHoC5hTVsjA(包含原文PDF百度云下载链 ...
2013深圳驾考新规科目二实战技巧及注意事项（广仁驾校）
2013年新规驾考科目二扣分标准及技巧一.科目二考试顺序: 上坡起步定点停车.侧方位停车.曲线行驶.直角转弯.倒车入库. 二.解析:小心,此些地方容易扣分综合评定未系安全带:扣100分 ...

模拟科目二侧方位停车训练

模拟科目二侧方位停车训练相关推荐

最新文章

热门文章