DangYL
/
jtls_html


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
							<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>杰通律师事务所</title>
        <link rel="stylesheet" href="src/css/index.css">
        <!--animate.style-->
        <link rel="stylesheet" href="src/css/animate.min.css">
        <!--jquery-->
        <script src="src/script/jquery.min.js"></script>
        <!--swiper-->
        <link rel="stylesheet" href="src/script/swiper-bundle.min.css" />
        <script src="src/script/swiper-bundle.min.js"></script>
        <!--local-->
        <script src="src/script/script.js"></script>
    </head>
    <body>
        <!--动态特效-->
        <!--文档 https://animate.style/-->
        <div style="text-align: center;">
            <h1 class="animate__animated animate__bounce">动态效果</h1>
            <!--延迟2秒 animate__delay-2s-->
            <h1 class="animate__animated animate__heartBeat animate__delay-2s">动态效果</h1>
            <h1 class="animate__animated animate__fadeIn">动态效果</h1>
        </div>

        <!--轮播图-->
       
        <!--Swiper -->
        <!--文档地址：https://www.swiper.com.cn/demo/index.html-->
        <div class="swiper mySwiper" style="width: 600px;height: 400px;">
            <div class="swiper-wrapper">
            <div class="swiper-slide">Slide 1</div>
            <div class="swiper-slide">Slide 2</div>
            <div class="swiper-slide">Slide 3</div>
            <div class="swiper-slide">Slide 4</div>
            <div class="swiper-slide">Slide 5</div>
            <div class="swiper-slide">Slide 6</div>
            <div class="swiper-slide">Slide 7</div>
            <div class="swiper-slide">Slide 8</div>
            <div class="swiper-slide">Slide 9</div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
        <script>
            //swiper
            var swiper = new Swiper(".mySwiper", {
                navigation: {
                    nextEl: ".swiper-button-next",
                    prevEl: ".swiper-button-prev",
                },
            });
        </script>

        <!--表单-->
        <div>
            <form id="form">
                <input type="text" placeholder="姓名" id="name">
                <input type="text" placeholder="公司名称" id="company">
                <input type="text" placeholder="手机号码" id="phone">
                <input type="text" placeholder="验证码" id="code">
                <select name="" id="type">
                    <option value="1">民事</option>
                    <option value="2">刑事</option>
                    <option value="3">行政</option>
                </select>
                <select name="" id="province">
                    <option value="1">北京市</option>
                </select>
                <select name="" id="city">
                    <option value="1">朝阳区</option>
                    <option value="2">西城区</option>
                    <option value="3">东城区</option>
                </select>
                <textarea name="" id="description" cols="30" rows="10" placeholder="案件概述"></textarea>
            </form>
            <button id="submit" onclick="submitForm()">提交</button>
        </div>

    </body>
</html>