master

分支 (1)

管理

管理

master

zcar
/
index.html

<!DOCTYPE html>
<!-- saved from url=(0022)https://www.zuche.com/ -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/style1503546983737.css">
    <meta name="description" content="">
	<meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
<title>晨辉租车</title>
<link rel="stylesheet" type="text/css" href="css/main@9737215007.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
<link href="css/lrtk.css" rel="stylesheet" type="text/css" />

</head>
<body class="zc_index">

<div class="zc_head_bd">
    <div class="zc_main">
        <a href="#" class="zc_logo" alt="晨辉租车"></a>
        <ul class="zc_menu">
            <li class="homecur">
           	<a href="index.html">首页</a>
            </li>
            <li>
                <a href="substitute.html">晨辉代驾</a>
            </li>
        </ul>
        <div class="zc_phone_bd">
            联系我们：0991-3250123
        </div>
    </div>
</div>

	<div id="zc_ban_bd" class="p-re">
	    <div class="zc-ban-wrap">

                <div class="swiper-container" style="height:500px;margin-bottom:30px;">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="images/banner1.jpg" >
                        </div>
                        <div class="swiper-slide">
                             <img src="images/banner1.jpg" >
                        </div>
                        <div class="swiper-slide">
                            <img src="images/banner2.jpg">
                        </div>
                        <div class="swiper-slide">
                             <img src="images/banner2.jpg" >
                        </div>

                    </div>

                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
            </div>

	    </div>
	</div>


<div class="zc_i_sale_car">
        <div class="zc_main">

            <div class="specialCarBlockTitle">

                    <p class="title-b tb-sale">晨辉租车全程为您服务</p>
                    <p class="title-s ts-sale">HOT车型、实时更新随看随租、值得您关注</p>

            </div>
            <div class="sale-l sbox specialCarBlock">
                <div class="s-top">
                    <i class="i-sale">车辆类别</i>
                        <ul id="tab" class="city-t">
                            <li class="cur">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>

                    <!--页单-->
                    <div id="tabCons">
                        <div class="tabCon">
                            <ul>
                                <li>
                                    <a href="#">
                                        <p>车辆名称1</p>
                                        <span>车辆简介</span>
                                        <img src="images/kepaqi2.jpg" >
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <p>车辆名称1</p>
                                        <span>车辆简介</span>
                                        <img src="images/kepaqi2.jpg" >
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <p>车辆名称1</p>
                                        <span>车辆简介1</span>
                                        <img src="images/kepaqi2.jpg" >
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="tabCon" style="display:none;">
                            <ul>
                                <li>
                                    <a href="#">
                                        <p>车辆名称2</p>
                                        <span>车辆简介</span>
                                        <img src="images/kepaqi2.jpg" >
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <p>车辆名称2</p>
                                        <span>车辆简介</span>
                                        <img src="images/kepaqi2.jpg" >
                                    </a>
                                </li>
                               <li>
                                    <a href="#">
                                        <p>车辆名称2</p>
                                        <span>车辆简介</span>
                                        <img src="images/kepaqi2.jpg" >
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="tabCon" style="display:none;">
                            <ul>
                                <li>
                                    <a href="#">
                                        <p>车辆名称3</p>
                                        <span>车辆简介</span>
                                        <img src="images/kepaqi2.jpg" >
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <p>车辆名称3</p>
                                        <span>车辆简介</span>
                                        <img src="images/kepaqi2.jpg" >
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <p>车辆名称3</p>
                                        <span>车辆简介</span>
                                        <img src="images/kepaqi2.jpg" >
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="tabCon" style="display:none;">
                            <ul>
                               <li>
                                    <a href="#">
                                        <p>车辆名称4</p>
                                        <span>车辆简介</span>
                                        <img src="images/kepaqi2.jpg" >
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <p>车辆名称4</p>
                                        <span>车辆简介</span>
                                        <img src="images/kepaqi2.jpg" >
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <p>车辆名称4</p>
                                        <span>车辆简介</span>
                                        <img src="images/kepaqi2.jpg" >
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>


        </div>
</div>


<div class="zc_footcopyright">
    <div class="zc_main">
        <div class="zc_copyright">
            <p class="fl">Copyright©2018 All Rights Reserved.　晨辉租车 <i>技术支持：新疆金戈铁马智能科技 </i></p>
        </div>
    </div>
</div>


<!-- 代码 开始 -->
<div class="cndns-right">
    <div class="cndns-right-meau meau-contact">
        <a href="javascript:" class="cndns-right-btn">
           <i>客服<br />热线</i>
        </a>
        <div class="cndns-right-box">
            <div class="box-border">
                <div class="sev-t">
                    <p>0991-3250123<br /><i>7*24小时客服服务热线</i></p>
                    <div class="clear"></div>
                </div>
                <span class="arrow-right"></span>
            </div>
        </div>
    </div>
    <div class="cndns-right-meau meau-code">
        <a href="javascript:" class="cndns-right-btn">
           <i>关注<br />微信</i>
        </a>
        <div class="cndns-right-box">
            <div class="box-border">
                <div class="sev-t">
                    <img src="images/erweima.jpg" />
                    <i>关注官方微信</i>
                </div>
                <span class="arrow-right"></span>
            </div>
        </div>
    </div>
    <div class="cndns-right-meau meau-top" id="top-back">
        <a href="javascript:" class="cndns-right-btn" onclick="topBack()">
            <i>返回<br />顶部</i>
        </a>
    </div>
</div>

<!-- 代码 结束 -->

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">

var day=new Date().getDay();
console.log(day)

//置顶图标显示
$('#top-back').hide()
$(window).scroll(function(){
     if($(this).scrollTop() > 350){
        $("#top-back").fadeIn();
     }
     else{
        $("#top-back").fadeOut();
     }
  })
//置顶事件
function topBack(){
  $('body,html').animate({scrollTop:0},300);
}
</script>
<script type="text/javascript">
    /**
     * 页单切换
     */
    $("#tab li").click(function(){
        $(this).addClass("cur").siblings().removeClass("cur");
        $("#tabCons .tabCon").hide().eq($(this).index()).show();
    });
</script>
<script type="text/javascript" src="js/swiper-3.4.2.min.js"></script>
<script type="text/javascript">
  var mySwiper = new Swiper ('.swiper-container', {
    autoplay:3000,
    loop: true,
    paginationClickable:false,
    preventClicksPropagation:true,
    zoom:true,
    pagination: '.swiper-pagination',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    // 如果需要滚动条
    // scrollbar: '.swiper-scrollbar',
    // onClick: function(swiper){//直接用插件的点击事件，点分页器和导航按钮也会触发事件

    //     window.location.href="test.html";

    // }
});
</script>
</body>
</html>