英文版历程html效果

来源：分类：html2022-09-040

html编号：20210623181352
html分类：html
html格式：html/css
html关键词： 历程 html 效果

代码
预览
下载

index_源代码

index_英文版历程html效果源代码<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
    <title>英文版历程html效果</title>
    <meta name="keywords" content="英文版历程html效果" />
    <meta name="description" content="英文版历程html效果" />
    <link rel="stylesheet" type="text/css" href="comm.css" />
    <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="swiper/swiper.min.js"></script>
    <link rel="stylesheet" type="text/css" href="swiper/swiper.min.css" />
</head>
<body>
    <div class="wrap au_04 mt60">
        <div class="au_04fr">
            <div class="au_04_t">
                <div class="wrap_c">
                    <div class="au_02c_t">History<b></b></div>
                    <div class="ab_04t_r"><a href="javascript:void(0);" class="au_04t_prev"></a><a href="javascript:void(0);" class="au_04t_next"></a></div>
                </div>
            </div>
            <div class="au_04_c">
                <div class="wrap_c">
                    <div class="au_04c_slide">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <b class="b1"></b>
                                <b class="b2"></b>
                                <b class="b3"></b>
                                <b class="b4"></b>
                                <b class="b5"></b>
                                <b class="b6"></b>
                                <p class="p1">2020</p>
                                <p class="p2"><span>Going Public Stock Code: 605088</span></p>
                                <p class="p2"><span>Introduced wheel bearing manufacturing system 3.0</span></p>
                            </div>
                            <div class="swiper-slide">
                                <b class="b1"></b>
                                <b class="b2"></b>
                                <b class="b3"></b>
                                <b class="b4"></b>
                                <b class="b5"></b>
                                <b class="b6"></b>
                                <p class="p1">2019</p>
                                <p class="p2"><span>Started using MOTOR System In USA</span></p>
                                <p class="p2"><span>Started using CCU System In Europe</span></p>
                            </div>
                            <div class="swiper-slide">
                                <b class="b1"></b>
                                <b class="b2"></b>
                                <b class="b3"></b>
                                <b class="b4"></b>
                                <b class="b5"></b>
                                <b class="b6"></b>
                                <p class="p1">2018</p>
                                <p class="p2"><span>Introduced steering and suspension parts</span></p>
                            </div>
                            <div class="swiper-slide">
                                <b class="b1"></b>
                                <b class="b2"></b>
                                <b class="b3"></b>
                                <b class="b4"></b>
                                <b class="b5"></b>
                                <b class="b6"></b>
                                <p class="p1">2017</p>
                                <p class="p2"><span>Sponsored Toyota Gazoo RacingArgentina, Super TC200</span></p>
                                <p class="p2"><span>SAP project started</span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            try {
                var mySwiper5 = new Swiper('.au_04c_slide', {
                    slidesPerView: "auto",
                    speed: 1000,
                    lazyLoading: true,
                    lazyLoadingInPrevNext: true,
                    lazyLoadingInPrevNextAmount: 3,
                    autoplayDisableOnInteraction: false,
                    observer: true,
                    observeParents: true,
                    prevButton: '.au_04t_prev',
                    nextButton: '.au_04t_next'
                });
            }
            catch (e) { }
        });
    </script>
</body>
</html>
5646

特别说明：

1.如有链接无法下载、失效或广告，请联系QQ：2305911934 处理！

2.本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！

3.本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！

4.本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！

5.该模板为静态页面，没有后台，大部分未经测试可用，并不保证百分百无误及完整

如有侵犯您的版权，请及时联系2305911934#qq.com(#换@)，我们将尽快处理。

上一篇：html5跟随鼠标3D波浪粒子特效下一篇：最后一页

HTML模板