linch
/
www.x-motion.cn


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
							<!DOCTYPE html>
<html>
<head lang="en">
    <include file="./Application/M/View/Common/head_include.html"/>
    <title>赛车模拟器价格_赛车游戏模拟器_F1赛车模拟器_VR赛车-厦门欣富地智能科技有限公司</title>
    <link rel="stylesheet" type="text/css" href="/Public/static/home/m/css/index.css?2012" />
</head>
<body>
<include file="./Application/M/View/Common/head.html"/>
<div class="content">
    <!-- Slider -->
    <div class="swiper-container" data-space-between='10'>
        <div class="swiper-wrapper col">
            <div class="swiper-slide">
                <a href="http://www.x-motion.cn/m/about/new_detail/id/64/type/2"><img src="https://img.x-motion.cn/home/m/image/home/banner5.jpg" alt=""></a>
            </div>
            <div class="swiper-slide">
                <a href="javascript:void(0);"><img src="https://img.x-motion.cn/home/m/image/home/banner3.jpg" alt=""></a>
                <p>
                    <a href="javascript:void(0);" id="video_button" data-src="https://img.x-motion.cn/home/video/magic_speed_racing_01.mp4"></a>
                    <a href="{:U('m/about/product')}"></a>
                    <a href="{:U('m/about/join1')}"></a>
                </p>
            </div>
            <div class="swiper-slide">
                <a href="{:U('m/about/join1')}"><img src="https://img.x-motion.cn/home/m/image/home/banner2.jpg" alt=""></a>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <!--图片展示-->
    <div class="home_img">
        <div class="img_list">
            <a href="{:U('m/about/product')}">
                <div class="col">
                    <img src=" https://img.x-motion.cn/home/m/image/home/home_04.jpg " alt=" "/>
                </div>
                <div class="img_words ">
                    <h3>体感/VR/力反馈</h3>

                    <p></p>
                    <span>了解幻速专业设计与全新科技</span>
                </div>
            </a>
        </div>
        <div class="img_list ">
            <a href="{:U('m/about/store')}">
                <div class="col">
                    <img src="https://img.x-motion.cn/home/m/image/home/home_02.jpg " alt=" "/>
                </div>
                <div class="img_words ">
                    <h3>全国线下体验店</h3>

                    <p></p>
                    <span>踩过油门，才懂速度。尝试漂移，身体力行     </span>
                </div>
            </a>
        </div>
        <div class="img_list ">
            <a href="javascript:void(0);">
                <div class="col">
                    <img src="https://img.x-motion.cn/home/m/image/home/home_03.jpg " alt=" "/>
                </div>
                <div class="img_words ">
                    <h3>主题挑战赛</h3>

                    <p></p>
                    <span>挑战全世界的赛车手</span>
                </div>
            </a>
        </div>
    </div>
    <include file="./Application/M/View/Common/footer.html"/>
</div>
<include file="./Application/M/View/Common/footer_include.html"/>
<script type="text/javascript">
    $(document).ready(function () {
        window.onresize = function () {
            set_position();
        };
        $(document).on('click','#video_button', function () {
            var url = $(this).attr('data-src');
            var html = '<div class="video_div_back"> <div class="video_div_shadow" onclick="video_remove();"></div><div class="video_div"> <video x-webkit-airplay="true" autoplay="autoplay" class="video_mp4" src="' + url + '" controls autobuffer></video> </div> </div>';
            $('body').append(html);
            set_video();
        });
    });
    function set_position() {
        set_video();
    }
    function video_remove(){
        $('.video_div_back').remove();
    }

    function set_video() {
        var height = $("video.video_mp4").height();
        var w_height = $(window).height();
        if (height < w_height) {
            $("video.video_mp4").css('top', (w_height - height) / 2);
        } else {
            $("video.video_mp4").css('height', w_height);
        }
    }
</script>
</body>
</html>