驾校考试前端模板

继上次学习之后,开始趁热打铁,我又整理一个(只是页面的设计,有些功能不全哈,欢迎大佬指导)。演示地址:驾校考试模板demo

网站首页:学车指南、学车互动

考试预约:科目一、二、三、四考试

考试系统:在线题库随机生成模板考试

题库练习:题库考试

成绩管理:考试自动生成成绩

评价系统:动态发表言论、留言

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>驾校考试</title>
    <!-- 包含头部信息用于适应不同设备 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <link rel="stylesheet" href="css/cssset.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/idangerous.swiper.css?_t=20180710">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="plugins/layui/css/layui.css">

    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="plugins/layui/layui.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
    <!--头部导航-->
    <header id="header">
        <div class="logo">
        </div>
        <div class="navbox">
            <nav>
                <ul id="starlist">
                    <li><a id="selected" href="" title="首页">网站首页</a></li>
                    <li class="menu"><a href="javascript:void (0)">&nbsp;&nbsp;考试预约&nbsp;&nbsp;<i class="fa fa-caret-down"></i></a>
                        <ul class="sub">
                            <li><a href="科目一预约.html">科目一预约</a></li>
                            <li><a href="科目二预约.html">科目二预约</a></li>
                            <li><a href="科目三预约.html">科目三预约</a></li>
                            <li><a href="科目四预约.html">科目四预约</a></li>
                        </ul>
                        <span></span>
                    </li>
                    <li><a href="考试系统.html" title="考试系统">考试系统</a></li>
                    <li class="menu"><a  href="javascript:void (0)">&nbsp;&nbsp;题库练习&nbsp;&nbsp;<i class="fa fa-caret-down"></i></a>
                        <ul class="sub">
                            <li><a href="科目一练习.html">科目一练习</a></li>
                            <li><a href="科目二练习.html">科目二练习</a></li>
                            <li><a href="科目三练习.html">科目三练习</a></li>
                            <li><a href="科目四练习.html">科目四练习</a></li>
                        </ul>
                        <span></span>
                    </li>
                    <li><a href="成绩管理.html" title="成绩管理">成绩管理</a></li>
                    <li><a href="评价系统.html" title="评价系统">评价系统</a></li>
                </ul>
            </nav>
        </div>
        <div class="user-profile" id="un-success">
            <button id="login" class="btn btn-info" style="line-height: 30px;float: left">登陆</button>
            <button id="register" class="btn btn-info" style="line-height: 30px;float: left;margin-left: 20px;">注册</button>
        </div>
    </header>
    <!--内容部分-->
    <section>
        <!--学车指南-->
        <div class="learn_iguide">
            <h3>学车指南</h3>
            <div class="learn_iguide_list">
                <div class="iguide_list_menu">
                    <ul style="display: flex">
                        <li>
                            <a href="javascript:void(0);" class="active">热门文章</a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">学车须知</a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">交规考试秘笈</a>
                        </li>

                        <li>
                            <a href="javascript:void(0);">场考路考秘笈</a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">驾驶常识</a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">政策法规</a>
                        </li>
                    </ul>
                    <div class="menu_line"></div>
                </div>
                <div class="iguide_list_content">
                    <!--热门文章-->
                    <div class="iguide_article">
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/zn.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="科目一考试秘籍!考前必看!">科目一考试秘籍!考前必看!</p>
                                    <p class="detail_text_content">
                                        1、题目里有"口"的选50米, 有"站"的选30米, 叫"口五站三" 剩下的全选150米, 没有150米的选最大的
                                        2、车在(公交站) (30米)以内,不得停车
                                        3、车在(距交叉路口)(50米)以内不得停车
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/wenda.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="问答周刊03期考驾照多久可以拿本呢?">问答周刊03期考驾照多久可以拿本呢?</p>
                                    <p class="detail_text_content">

                                    问答周刊03期考驾照多久可以拿本呢?

                                    问答周刊第三期终于来了很多人都很好奇我可以先考科目三再考科目二吗?

                                    赶紧来看看下面怎么说的吧你们有什么问题,可以继续提问哦

                                    赵师傅会在线给大家解答哦
                                </p>
                                </div>
                            </a>
                        </div>
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/sjk.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="科目三灯光模拟操作大全!有用!">科目三灯光模拟操作大全!有用!</p>
                                    <p class="detail_text_content">
                                    科目三灯光模拟操作大全!有用!

                                    科三考试第一项就是灯光模拟考试,要求考生在5秒之内根据相关语音播报完成相应操作。

                                    不少学员在这一项中出错,以至于科三考试还没开出几米就挂了!

                                    今天赵师傅特地整理了灯光操作相关技巧,希望大家顺利通过科三第一关!



                                    重点:各地规章制度有些许差别,有出入按照当地考试规定执行

                                </p>
                                </div>
                            </a>
                        </div>
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/wenda_2.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="问答周刊02期来了你知道报考驾驶证有效期几年吗?">问答周刊02期来了你知道报考驾驶证有效期几年吗?</p>
                                    <p class="detail_text_content">
                                    问答周刊02期来了你知道报考驾驶证有效期几年吗?

                                    如果不知道,最简单的办法就是,你可以用12123查询驾校到期时间哦

                                    在大家万千期盼下,问答周刊第二期终于来了

                                    以下解答了一些最近大家比较关注的问题赶紧来看看吧

                                    如果你还有其他问题,赶紧给小编留言吧有问必答哦

                                </p>
                                </div>
                            </a>
                        </div>
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_1.jpg" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="注意!今年,驾照、车牌迎来多项重大改革!">注意!今年,驾照、车牌迎来多项重大改革!</p>
                                    <p class="detail_text_content">

                                    2019年已接近尾声,今年为落实公安部,"放管服"改革措施,不少交规、驾照管理制度,都作出了巨大变动,关系到我们每个人的切身利益,至少有一两项必将对您和身边的人带来极大便利!下面给大家复习一下哦!
                                </p>
                                </div>
                            </a>
                        </div>
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/jk_2.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="揭秘,科目三直线行驶时能动方向盘吗?">揭秘,科目三直线行驶时能动方向盘吗?</p>
                                    <p class="detail_text_content">

                                    今天给大家讲的是科目三直线行驶技巧

                                    很多人都在社区里问我,科目三到底能不能动方向盘

                                    这个不能同一而论有的地方可以动方向盘有的地方不可以动

                                    方向盘具体得按照当地的规章制度考试

                                    以下是赵师傅给大家准备的科目三直线行驶技巧,希望对你们有用O(_)O哈哈~喜欢的就给我一个赞哦!</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!--学车须知-->
                    <div class="iguide_article" style="display: none">
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/jk_3.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="问答周刊03期考驾照多久可以拿本呢?">问答周刊03期考驾照多久可以拿本呢?</p><p class="detail_text_content">

                                    问答周刊03期考驾照多久可以拿本呢?

                                    问答周刊第三期终于来了很多人都很好奇我可以先考科目三再考科目二吗?

                                    赶紧来看看下面怎么说的吧你们有什么问题,可以继续提问哦

                                    赵师傅会在线给大家解答哦
                                </p>
                                </div>
                            </a>
                        </div>
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/jk_4.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="科目三灯光模拟操作大全!有用!">科目三灯光模拟操作大全!有用!</p><p class="detail_text_content">
                                    科目三灯光模拟操作大全!有用!

                                    科三考试第一项就是灯光模拟考试,要求考生在5秒之内根据相关语音播报完成相应操作。

                                    不少学员在这一项中出错,以至于科三考试还没开出几米就挂了!

                                    今天赵师傅特地整理了灯光操作相关技巧,希望大家顺利通过科三第一关!



                                    重点:各地规章制度有些许差别,有出入按照当地考试规定执行

                                </p>
                                </div>
                            </a>
                        </div>
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/wd_1.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="问答周刊02期来了你知道报考驾驶证有效期几年吗?">问答周刊02期来了你知道报考驾驶证有效期几年吗?</p><p class="detail_text_content">
                                    问答周刊02期来了你知道报考驾驶证有效期几年吗?

                                    如果不知道,最简单的办法就是,你可以用12123查询驾校到期时间哦

                                    在大家万千期盼下,问答周刊第二期终于来了

                                    以下解答了一些最近大家比较关注的问题赶紧来看看吧

                                    如果你还有其他问题,赶紧给小编留言吧有问必答哦




                                </p>
                                </div>
                            </a>
                        </div>
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_2.jpg" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="注意!今年,驾照、车牌迎来多项重大改革!">注意!今年,驾照、车牌迎来多项重大改革!</p><p class="detail_text_content">

                                    2019年已接近尾声,今年为落实公安部,"放管服"改革措施,不少交规、驾照管理制度,都作出了巨大变动,关系到我们每个人的切身利益,至少有一两项必将对您和身边的人带来极大便利!下面给大家复习一下哦!
                                </p>
                                </div>
                            </a>
                        </div>
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/wnd_2.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="问答周刊01期什么样的人可以考驾照?">问答周刊01期什么样的人可以考驾照?</p><p class="detail_text_content">

                                    问答周刊01期报名

                                    现在学车已经成为了都市年轻人和老年人都竞相追捧的事情

                                    年轻人赶上热潮学个车为以后上班方便

                                    老年人赶个时尚学车带着老伴一起自驾游

                                    学车已经成为了所有人的必备技能

                                    但是你知道那些人可以学车,那些人又不能学车吗?
                                    今天小编就给大家整理了一些报名学车的问题

                                    希望对你们有用,求一个赞赞哦
                                </p>
                                </div>
                            </a>
                        </div>
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_3.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="3分钟看懂常见的道路交通标志!">3分钟看懂常见的道路交通标志!</p><p class="detail_text_content">
                                    或许你正准备考科一,或许你已经要过驾考的最后一关——科目四,但对于常见的交通标志,你了解多少。

                                    不管你是正在学车还是已经毕业了,这些常见的交通标志一定不能忘!

                                </p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!--交规考试秘笈-->
                    <div class="iguide_article" style="display: none">
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/zn.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="科目一考试秘籍!考前必看!">科目一考试秘籍!考前必看!</p>
                                    <p class="detail_text_content">
                                    1、题目里有"口"的选50米, 有"站"的选30米, 叫"口五站三" 剩下的全选150米, 没有150米的选最大的
                                    2、车在(公交站) (30米)以内,不得停车
                                    3、车在(距交叉路口)(50米)以内不得停车
                                    </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_5.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="科目一怎么练才有效果?练到什么程度才能去考?">科目一怎么练才有效果?练到什么程度才能去考?</p><p class="detail_text_content">
                                    刚有小伙伴在后台私信小驾,问科目一怎么练才有效果?练到什么程度才能去考?相信这不是一个人的困惑吧?今天小驾就来讲一下这个问题!


                                    通常学车报名后就要备考科目一,下载个驾校一点通app就可以随时开始刷题了,但是刷题也是有方法的,比较常用的方法是,先顺序过一两遍,然后做分类练习,在针对自己错的多的部分做专项练习,这样下来积累的错题本就是你要重点突破的部分了。

                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/zn.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="科目一考前、考中、考后的注意事项都在这里了~">科目一考前、考中、考后的注意事项都在这里了~</p><p class="detail_text_content">
                                    看到大家都在分享科目二和科目三的内容,我今天给大家分享下科目一的考试注意事项。
                                    ​科目一考试都是考的理论题,不需要练车就可以。但是就是这些理论题也难倒了一批学员,挂科的也是大有人在,虽然科目一不限制预约考试次数,但是每一次挂科都要等待一段时间才可以去预约,这也在无形中浪费了不少时间。




                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_6.jpg" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="这个口诀厉害了!承包你的驾考全程">这个口诀厉害了!承包你的驾考全程</p><p class="detail_text_content">
                                    科一入门很重要,多多刷题过率高。易错题目单独练,先把题库过一遍。题型丰富背口诀,关键词汇要GET。</p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_7.jpg" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="科目一怎么练才有效果?练到什么程度才能去考?">科目一怎么练才有效果?练到什么程度才能去考?</p><p class="detail_text_content">
                                    刚有小伙伴私信小驾,问科目一怎么练才有效果?练到什么程度才能去考?相信这不是一个人的困惑吧?今天小驾就来讲一下这个问题!</p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_8.jpg" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="快来挑战10道驾考易错题,全对不容易!">快来挑战10道驾考易错题,全对不容易!</p><p class="detail_text_content">
                                    驾驶机动车遇到校车在道路右侧停车上下学生,同向只有三条机动车道时,左侧车道后方机动车应当停车等待。       </p>
                                </div>
                            </a>
                        </div>

                    </div>
                    <!--场考路考秘笈-->
                    <div class="iguide_article" style="display: none">
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/jk_2.png" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="揭秘,科目三直线行驶时能动方向盘吗?">揭秘,科目三直线行驶时能动方向盘吗?</p><p class="detail_text_content">

                                    今天给大家讲的是科目三直线行驶技巧

                                    很多人都在社区里问我,科目三到底能不能动方向盘

                                    这个不能同一而论有的地方可以动方向盘有的地方不可以动

                                    方向盘具体得按照当地的规章制度考试

                                    以下是赵师傅给大家准备的科目三直线行驶技巧,希望对你们有用O(_)O哈哈~喜欢的就给我一个赞哦!</p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/kt_1.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="一点通小课堂02期:科目二倒车入库三个关键技巧">一点通小课堂02期:科目二倒车入库三个关键技巧</p><p class="detail_text_content">
                                    一点通小课堂02期:科目二倒车入库三个关键技巧

                                    科目二倒车入库过关技巧包含三个比较重要的部分

                                    1.离合器的控制

                                    2.后视镜和座椅调整

                                    3.心态的调整
                                    这三个技巧是倒车入库之前必须调整的部分,只有做到着三点,加上教练的技巧,相信你肯定可以过了。想知道更多倒车入库技巧,请赶紧买我们的VIP,倒车入库视频看起来吧。
                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_9.png" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="2019年科目二扣分标准——坡道定点与起步">2019年科目二扣分标准——坡道定点与起步</p><p class="detail_text_content">


                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_10.png" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="盘点一下那些科目二必考点位及后视镜调整方法!">盘点一下那些科目二必考点位及后视镜调整方法!</p><p class="detail_text_content">










                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_11.png" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="图解科目二侧方停车技巧,看了不后悔">图解科目二侧方停车技巧,看了不后悔</p><p class="detail_text_content">
                                    快速侧方停车技巧,记住这几步,新手不再为停车发愁,赶紧看看吧!

                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_12.png" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="科目三百米加减档还是不会,这里有些小技巧">科目三百米加减档还是不会,这里有些小技巧</p><p class="detail_text_content">
                                    科目三考试全程16项,每一项都有很多细节,特别是百米加减档,有些学员在考试时不知不觉就挂科了,自己也感觉很奇妙明明做的都很正确,为什么还是挂科呢?

                                    下面和小编一起看看百米加减档操作技巧吧!

                                </p>
                                </div>
                            </a>
                        </div>

                    </div>
                    <!--驾驶常识-->
                    <div class="iguide_article" style="display: none">

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_13.png" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="方向盘">方向盘</p><p class="detail_text_content">
                                    方向盘是汽车操纵行驶方向的轮状装置。其功能是将驾驶员作用到转向盘边缘上的力转变为转矩后传递给转向轴


                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/zn.png" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="直行">直行</p><p class="detail_text_content">
                                    考核直线行驶时,考试员会根据道路交通情况,发布“直线行驶”指令,考生在驾驶车辆时能否保持车辆直线运动状态。
                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/zn.png" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="灯光">灯光</p><p class="detail_text_content">

                                    以下为雪铁龙教练车车型的操作方式</p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/zn.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="档位操纵">档位操纵</p><p class="detail_text_content">

                                    变速器操纵杆也就是大家常说的挡位操作杆。 起步时,用1挡; 起步后,用2挡; 时速20-30用3挡; 时速30-40用4挡; 时速40以上用5挡</p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/zn.png" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="车距判断">车距判断</p><p class="detail_text_content">

                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_14.png" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="座椅调整">座椅调整</p><p class="detail_text_content">
                                    汽车座椅调整不好开车会很不舒服,一定要在车行驶前就调整好,不要边开车边调整以免导致不良后果的汽车座椅调整不好开车会很不舒服,一定要在车行驶前就调整好,不要边开车边调整以免导致不良后果的哦!</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!--政策法规-->
                    <div class="iguide_article" style="display: none">
                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_15.jpg" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="自2017年11月1日起:C1、B1、B2驾照“年审”新规,你知道吗?">自2017年11月1日起:C1、B1、B2驾照“年审”新规,你知道吗?</p><p class="detail_text_content">
                                    你持有的是什么驾驶证?这几年考驾照很盛行,不论是哪个年龄段,都有很多,除了有职业需求的考的是AB类驾驶证,根本都是持有C1驾驶证,如今曾经有2亿多的保有量。你理解驾驶证的年审吗?不同驾驶证的年审请求是不一样的,你晓得吗?




                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_16.jpg" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="消分政策出新规,别再去交通队添堵了">消分政策出新规,别再去交通队添堵了</p><p class="detail_text_content">
                                    春节前老张隔壁家的老王回家过年,把车托付给老张,春节的北京别说是五环,就是平时最堵的东三环,这会空旷得也和飞机跑道有一拼了,老张一路飞驰过昔日的“弹丸之地”,没想到第二天一早就遭到了老王的微信轰炸:超速20%以下,扣三分处罚。回想昨天四下无车的环路上老张确实逍遥得忘了仪表盘的存在。
                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_17.jpg" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="史上超难驾考又加码!这个项目据说手短的考不过">史上超难驾考又加码!这个项目据说手短的考不过</p><p class="detail_text_content">
                                    现如今
                                    学车考驾照
                                    比以往严格不少的同时
                                    也越来越贴近实际生活





                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_18.jpg" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="驾驶证与所驾车型不符等于无证驾驶!来看看2018年的驾照新规">驾驶证与所驾车型不符等于无证驾驶!来看看2018年的驾照新规</p><p class="detail_text_content">

                                    前两天,缸哥的好朋友小健气鼓鼓的来找缸哥,说他拉货的大货车被扣了,自己明明有驾照,凭什么交警要扣他的车还要罚款扣分?缸哥看了小健的驾照后告诉小健:你拿的是C1驾照,只能开轻型,微型载货汽车,而你的那个大货车必须要B2驾照及以上才可以驾驶!去年三月就有司机在海口拿着C1驾照开大货车,造成33辆车的车祸!驾驶证与准驾车型不符等于无证驾驶,罚200--2000元不等,记12分,并可拘留15天以内。听了缸哥的话,小健才恍然大悟,灰溜溜的去交罚款了



                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_19.jpg" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="2018驾考新规定,看看你是否属于禁考这部分人!">2018驾考新规定,看看你是否属于禁考这部分人!</p><p class="detail_text_content">
                                    2018年来临,虽然驾考难度也越来越大,但只要认真学习,想要通过还是很简单的。对于有些人来说,他们可能连报名的机会都没有


                                </p>
                                </div>
                            </a>
                        </div>

                        <div class="list_content_detail">
                            <a href="javascript: void (0)" target="_blank">
                                <div class="content_detail_img">
                                    <img src="images/demo_20.jpg" data-src="" alt=""></div>
                                <div class="content_detail_text">
                                    <p class="detail_text_title" title="4月起学车费用有变化!南京、湖南等地或按学时收费">4月起学车费用有变化!南京、湖南等地或按学时收费</p><p class="detail_text_content">
                                    在驾考新政的影响下,新的计时收费培训模式也在全国各地逐步施行,先后已有自贡、西宁等地纷纷发布启用“计时培训”的消息。
                                </p>
                                </div>
                            </a>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <!--学车互动-->
        <div class="learn_interact">
            <h3>学车互动</h3>
            <!-- 学车互动列表 -->
            <div class="learn_interact_list">
                <div class="swiper-container">
                    <!--[if IE 9]>
                    <style type="text/css">
                        .swiper-container{
                            top: 80px !important;
                        }
                    </style>
                    <![endif]-->
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/yuanjiyuansan.png" alt=""></div>
                                    <div class="title_name">缘聚缘散</div></div>
                                <div class="list_detail_article">
                                    科目一很简单的,随便考考就能满分过的,只要进考场不紧张就可以了,多在驾校一点通上面做做题目,保正前途一片光明。
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/Aleifeng.png" alt=""></div>
                                    <div class="title_name">A雷风</div></div>
                                <div class="list_detail_article">
                                    今天拿证了,科四满分,挺简单的,感谢一点通陪伴,我觉得心态要好,从科一到科四没有骂过小编一句。做错题我就记住下次注意,没什么难的。
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/nulifengdouba.png" alt=""></div>
                                    <div class="title_name">努力奋斗吧</div></div>
                                <div class="list_detail_article">
                                    科目二一次性过,听说点赞会有好运,切记车速慢,忘哪边转弯看哪边,不能压线,做到思路清晰。
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/lulu.png" alt=""></div>
                                    <div class="title_name">露露</div></div>
                                <div class="list_detail_article">
                                    科一还没考呢,买了一个驾校一点通的vip.才看完一遍,有时候考80多,有时候考90多分,每次看题都不认真[:偷笑][:偷笑]这粗心大意的毛病,没治了
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/gushenyiren.png" alt=""></div>
                                    <div class="title_name">孤身一人</div></div>
                                <div class="list_detail_article">
                                    刚刚科目二90分一把过,考试最重要是心态,之前很紧张,考试时反倒一点都不紧张。望友友们都一把过
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/hujiya.png" alt=""></div>
                                    <div class="title_name">呼吉雅</div></div>
                                <div class="list_detail_article">
                                    从4月17号开始计科一,到今天5月8号考试完。每天做题,犹如一日三“餐”。所有的错题、收藏题都重新做过了。这两天在潜意识里紧张了许久,今天终于把它给考过了!超开心
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/yumi.png" alt=""></div>
                                    <div class="title_name">yumi</div></div>
                                <div class="list_detail_article">
                                    科目一97分过了,练车!真正考试时候比练题简单,大家不要担心。平时能考多少到时候就差不多能考多少。
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/mengmengtuer.png" alt=""></div>
                                    <div class="title_name">萌萌兔儿</div></div>
                                <div class="list_detail_article">
                                    谢谢一点通两个半月的陪伴,刚刚通过科三理论,下午拿证,祝一点通其他各位学员逢考必过!!!
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/siyecao.png" alt=""></div>
                                    <div class="title_name">四叶草</div></div>
                                <div class="list_detail_article">
                                    7号考的科目一,94分,说句心里话,心脏都是跳的很快,可以先做会的题,不会的先放着,做完了再回去做没做的,这样就会及格了
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/liujiahao200012.png" alt=""></div>
                                    <div class="title_name">刘佳豪200012</div></div>
                                <div class="list_detail_article">
                                    三月二号报名,五月三十一号拿的驾照.感谢一点通的一路陪伴!可能以后使用一点通的机会不多了,多少有一丝丝的不舍。
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/doudou.png" alt=""></div>
                                    <div class="title_name">豆豆</div></div>
                                <div class="list_detail_article">
                                    每次都测试八十多,九十,时间老不够用,考试不知道能否过,每天都是紧张的练习,加油吧!
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/wendumanyan.png" alt=""></div>
                                    <div class="title_name">温度蔓延</div></div>
                                <div class="list_detail_article">
                                    科目一90分一次过,不容易做题要看清楚尽量要慢有些题目你越是做很多遍往往会做错。别太快慢一点都会过的。
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/binshao.png" alt=""></div>
                                    <div class="title_name">彬少</div></div>
                                <div class="list_detail_article">
                                    今天终于拿上证啦,谢谢一点通一路以来的陪伴,让我能顺顺利利的拿到本本,谢谢小编,我也学会了很多东西,祝一点通越办越好,帮到更多的人!谢谢!
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/jidapangzi.png" alt=""></div>
                                    <div class="title_name">菊大胖子</div></div>
                                <div class="list_detail_article">
                                    今天终于开考科目一结果我和小伙伴们都过了哈哈哈,紧张的心终于落下来了,为了庆祝我考过买了二只老母鸡既然不敢杀来吃,先养起来吧
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/yidiantong6688.png" alt=""></div>
                                    <div class="title_name">一点通6688</div></div>
                                <div class="list_detail_article">
                                    驾照已拿,终于到手了,科目二补考了1次,科目三补考了2次,虽然一路坎坷,但还是要感谢驾校一点通的一路陪伴。
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="learn_interact_list_detail">
                                <div class="list_detail_title">
                                    <div class="title_img">
                                        <img src="images/qinqinbaobei.png" alt=""></div>
                                    <div class="title_name">亲亲宝贝</div></div>
                                <div class="list_detail_article">
                                    四月二十六号考的科目一以94分考过,来还愿了!谢谢考神娘娘,希望在接下来的科目二科目三科目四也轻松考过,到那时定来还愿!考神保佑!
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>

    </section>
    <!--底部-->
    <footer class="comment-footer">
        <div class="comment-footer-about">
            <div class="row">
                <div class="row comment-footer-web">
                    <a href="javascript: void (0)" target="_blank" rel="nofollow">网站介绍</a>
                    <span>|</span>
                    <a href="javascript: void (0)" target="_blank" rel="nofollow">网站地图</a>
                    <span>|</span>
                    <a href="javascript: void (0)" target="_blank" rel="nofollow">合作链接</a>
                    <span>|</span>
                    <a href="javascript: void (0)" target="_blank" rel="nofollow">用户帮助</a>
                    <span>|</span>
                    <a href="javascript: void (0)" target="_blank" rel="nofollow">联系我们</a>
                    <span>|</span>
                    <a href="javascript: void (0)" target="_blank">专题栏目</a>
                    <span>|</span>
                    <a href="javascript: void (0)" target="_blank" rel="nofollow">信息披露</a>
                </div>
                <div class="row">
                    <a href="javascript: void (0)" target="_blank">驾校管理系统</a>
                    <a href="javascript: void (0)" target="_blank">驾校平台</a>
                    <a href="javascript: void (0)" target="_blank">教练平台</a>
                    <a href="javascript: void (0)" target="_blank">陪练平台</a>
                    <a href="javascript: void (0)" target="_blank">模拟考试平台</a>
                    <a href="javascript: void (0)" target="_blank" rel="nofollow">学车指南</a>
                    <a href="javascript: void (0)" target="_blank" rel="nofollow">学车视频</a>
                    <a href="javascript: void (0)" target="_blank" rel="nofollow">资格证考试</a>
                    <a href="javascript: void (0)" target="_blank" rel="nofollow">手机版</a>
                    <a href="javascript: void (0)" target="_blank" rel="nofollow">神奇保</a>
                </div>
            </div>
        </div>
    </footer>
    <script src="js/idangerous.swiper.min.js?_t=20180710"></script>
    <script>
        $(document).ready(function () {


            if ($($(".swiper-wrapper img")[0]).attr("data-src")) {
                $($(".swiper-wrapper img")[0]).attr("src", $($(".swiper-wrapper img")[0]).attr("data-src"));
            }

            $(".swiper-container-banner").css("display", "block");
            $(".banner_top .swiper-slide img").map(function (i, v) {
                if ($(v).attr("data-src") == undefined) {
                    $(v).attr("src", $(v).attr("src") + "?h=360&w=" + $(document).width() + "&ss=1&crop=1&cpos=middle");
                    $(v).attr("data-src", $(v).attr("src"));
                } else {
                    $(v).attr("data-src", $(v).attr("data-src") + "?h=360&w=" + $(document).width() + "&ss=1&crop=1&cpos=middle");
                }
            });


            // 学车指南展示配置
            var swiper = new Swiper('.swiper-container', {
                slidesPerView: 3,
                spaceBetween: 20,
                slidesPerGroup: 3,
                width: 1200,
                loop: true
                // // 自动播放时间
                // autoplay: 4000,
                // // 播放的速度
                // speed: 10000
            });
            $('.swiper-button-prev').click(function () {
                swiper.swipePrev();
            });
            $('.swiper-button-next').click(function () {
                swiper.swipeNext();
            });



            //学车指南tab切换
            $('.iguide_list_menu ul').find('li').click(function () {
                $(".iguide_list_menu li").find("a").removeClass('active');
                $(".iguide_list_menu li").eq($(this).index()).find("a").addClass('active');
                $('.iguide_article').eq($(this).index()).show().siblings().hide();

                $(".iguide_article").eq($(this).index()).find(".list_content_detail img").map(function (i, v) {
                    if ($(v).attr("data-src")) {
                        $(v).attr("src", $(v).attr("data-src"));
                    }
                });
            });
        });
    </script>
</body>
</html>

  • 0
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_28917403

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值