add:页面添加导航v1

src/main/resources/static/css/my-index.css

@@ -0,0 +1,519 @@
+/*
+	Dimension by HTML5 UP
+	html5up.net | @ajlkn
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+html, body, div, span, applet, object,
+iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
+pre, a, abbr, acronym, address, big, cite,
+code, del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var, b,
+u, i, center, dl, dt, dd, ol, ul, li, fieldset,
+form, label, legend, table, caption, tbody,
+tfoot, thead, tr, th, td, article, aside,
+canvas, details, embed, figure, figcaption,
+footer, header, hgroup, menu, nav, output, ruby,
+section, summary, time, mark, audio, video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+    display: block;
+}
+
+body {
+    line-height: 1;
+}
+
+ol, ul {
+    list-style: none;
+}
+
+blockquote, q {
+    quotes: none;
+}
+
+blockquote:before, blockquote:after, q:before, q:after {
+    content: '';
+    content: none;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+body {
+    -webkit-text-size-adjust: none;
+}
+
+mark {
+    background-color: transparent;
+    color: inherit;
+}
+
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+input, select, textarea {
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+}
+
+/* Basic */
+html {
+    box-sizing: border-box;
+}
+
+body {
+    background: #1b1f22;
+}
+
+*, *:before, *:after {
+    box-sizing: inherit;
+}
+
+/* Type */
+html {
+    font-size: 16pt;
+}
+
+@media screen and (max-width: 1680px) {
+
+    html {
+        font-size: 12pt;
+    }
+
+}
+
+@media screen and (max-width: 736px) {
+
+    html {
+        font-size: 11pt;
+    }
+
+}
+
+@media screen and (max-width: 360px) {
+
+    html {
+        font-size: 10pt;
+    }
+
+}
+
+body, input, select, textarea {
+    color: #ffffff;
+    font-family: "Source Sans Pro", sans-serif;
+    font-weight: 300;
+    font-size: 1rem;
+    line-height: 1.65;
+}
+
+body, input, select, textarea {
+    color: #ffffff;
+    font-family: "Source Sans Pro", sans-serif;
+    font-weight: 300;
+    font-size: 1rem;
+    line-height: 1.65;
+}
+
+a {
+    -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+    -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+    -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+    border-bottom: dotted 1px rgba(255, 255, 255, 0.5);
+    text-decoration: none;
+    color: inherit;
+}
+
+a:hover {
+    border-bottom-color: transparent;
+}
+
+strong, b {
+    color: #ffffff;
+    font-weight: 600;
+}
+
+em, i {
+    font-style: italic;
+}
+
+p {
+
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: #ffffff;
+    font-weight: 600;
+    line-height: 1.5;
+    margin: 0 0 1rem 0;
+    text-transform: uppercase;
+    letter-spacing: 0.2rem;
+}
+
+h1 {
+    font-size: 2.25rem;
+    line-height: 1.3;
+    letter-spacing: 0.5rem;
+}
+
+h2 {
+    font-size: 1.5rem;
+    line-height: 1.4;
+    letter-spacing: 0.5rem;
+}
+
+h3 {
+    font-size: 1rem;
+}
+
+h4 {
+    font-size: 0.8rem;
+}
+
+h5 {
+    font-size: 0.7rem;
+}
+
+h6 {
+    font-size: 0.6rem;
+}
+
+@media screen and (max-width: 736px) {
+
+    h1 {
+        font-size: 1.75rem;
+        line-height: 1.4;
+    }
+
+    h2 {
+        font-size: 1.25em;
+        line-height: 1.5;
+    }
+
+}
+
+/* BG */
+#bg {
+    -moz-transform: scale(1.0);
+    -webkit-transform: scale(1.0);
+    -ms-transform: scale(1.0);
+    transform: scale(1.0);
+    -webkit-backface-visibility: hidden;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100vh;
+    z-index: 1;
+}
+
+#bg:before, #bg:after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+#bg:before {
+    -moz-transition: background-color 2.5s ease-in-out;
+    -webkit-transition: background-color 2.5s ease-in-out;
+    -ms-transition: background-color 2.5s ease-in-out;
+    transition: background-color 2.5s ease-in-out;
+    -moz-transition-delay: 0.75s;
+    -webkit-transition-delay: 0.75s;
+    -ms-transition-delay: 0.75s;
+    transition-delay: 0.75s;
+    background-image: linear-gradient(to top, rgba(19, 21, 25, 0.5), rgba(19, 21, 25, 0.5));
+    background-size: auto, 256px 256px;
+    background-position: center, center;
+    background-repeat: no-repeat, repeat;
+    z-index: 2;
+}
+
+#bg:after {
+    -moz-transform: scale(1.125);
+    -webkit-transform: scale(1.125);
+    -ms-transform: scale(1.125);
+    transform: scale(1.125);
+    -moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out;
+    -webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out;
+    -ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out;
+    transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out;
+    background-image: url("https://p.pstatp.com/origin/pgc-image/8fd2259d3b5c44aca27e2987a2f15b7d");
+    background-position: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+    z-index: 1;
+}
+
+body.is-article-visible #bg:after {
+    -moz-transform: scale(1.0825);
+    -webkit-transform: scale(1.0825);
+    -ms-transform: scale(1.0825);
+    transform: scale(1.0825);
+    -moz-filter: blur(0.2rem);
+    -webkit-filter: blur(0.2rem);
+    -ms-filter: blur(0.2rem);
+    filter: blur(0.2rem);
+}
+
+body.is-loading #bg:before {
+    background-color: #000000;
+}
+
+/* Wrapper */
+#wrapper {
+    display: -moz-flex;
+    display: -webkit-flex;
+    display: -ms-flex;
+    display: flex;
+    -moz-flex-direction: column;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -moz-align-items: center;
+    -webkit-align-items: center;
+    -ms-align-items: center;
+    align-items: center;
+    -moz-justify-content: space-between;
+    -webkit-justify-content: space-between;
+    -ms-justify-content: space-between;
+    justify-content: space-between;
+    position: relative;
+    min-height: 100vh;
+    width: 100%;
+    padding: 4rem 2rem;
+    z-index: 3;
+}
+
+#wrapper:before {
+    content: '';
+    display: block;
+}
+
+@media screen and (max-width: 1680px) {
+
+    #wrapper {
+        padding: 3rem 2rem;
+    }
+
+}
+
+@media screen and (max-width: 736px) {
+
+    #wrapper {
+        padding: 2rem 1rem;
+    }
+
+}
+
+@media screen and (max-width: 480px) {
+
+    #wrapper {
+        padding: 1rem;
+    }
+
+}
+
+/* List */
+ul {
+    list-style: disc;
+    margin: 0 0 2rem 0;
+    padding-left: 1em;
+}
+
+/* Header */
+#header {
+    display: -moz-flex;
+    display: -webkit-flex;
+    display: -ms-flex;
+    display: flex;
+    -moz-flex-direction: column;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -moz-align-items: center;
+    -webkit-align-items: center;
+    -ms-align-items: center;
+    align-items: center;
+    -moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
+    -webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
+    -ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
+    transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
+    background-image: -moz-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);
+    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);
+    background-image: -ms-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);
+    background-image: radial-gradient(rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 55%);
+    max-width: 100%;
+    text-align: center;
+}
+
+#header > * {
+    -moz-transition: opacity 0.325s ease-in-out;
+    -webkit-transition: opacity 0.325s ease-in-out;
+    -ms-transition: opacity 0.325s ease-in-out;
+    transition: opacity 0.325s ease-in-out;
+    position: relative;
+    margin-top: 3.5rem;
+}
+
+#header > *:before {
+    content: '';
+    display: block;
+    position: absolute;
+    top: calc(-3.5rem - 1px);
+    left: calc(50% - 1px);
+    width: 1px;
+    height: calc(3.5rem + 1px);
+    background: #ffffff;
+}
+
+#header > :first-child {
+    margin-top: 0;
+}
+
+#header > :first-child:before {
+    display: none;
+}
+
+#header .content {
+    border-style: solid;
+    border-color: #ffffff;
+    border-top-width: 1px;
+    border-bottom-width: 1px;
+    max-width: 100%;
+}
+
+#header .content .inner {
+    -moz-transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out;
+    -webkit-transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out;
+    -ms-transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out;
+    transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out;
+    -moz-transition-delay: 0.25s;
+    -webkit-transition-delay: 0.25s;
+    -ms-transition-delay: 0.25s;
+    transition-delay: 0.25s;
+    padding: 3rem 2rem;
+    max-height: 40rem;
+    overflow: hidden;
+}
+
+#header .content .inner > :last-child {
+    margin-bottom: 0;
+}
+
+#header .content p {
+    letter-spacing: 0.2rem;
+    font-size: 0.8rem;
+    line-height: 2;
+}
+
+#header nav ul {
+    display: -moz-flex;
+    display: -webkit-flex;
+    display: -ms-flex;
+    display: flex;
+    margin-bottom: 0;
+    list-style: none;
+    padding-left: 0;
+    border: solid 1px #ffffff;
+    border-radius: 4px;
+}
+
+#header nav ul li {
+    padding-left: 0;
+    border-left: solid 1px #ffffff;
+}
+
+#header nav ul li:first-child {
+    border-left: 0;
+}
+
+#header nav ul li a {
+    display: block;
+    min-width: 7.5rem;
+    height: 2.75rem;
+    line-height: 2.75rem;
+    padding: 0 1.25rem 0 1.45rem;
+    text-transform: uppercase;
+    letter-spacing: 0.2rem;
+    font-size: 0.8rem;
+    border-bottom: 0;
+}
+
+#header nav ul li a:hover {
+    background-color: rgba(255, 255, 255, 0.075);
+}
+
+#header nav ul li a:active {
+    background-color: rgba(255, 255, 255, 0.175);
+}
+
+#header nav.use-middle:after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    left: calc(50% - 1px);
+    width: 1px;
+    height: 100%;
+    background: #ffffff;
+}
+
+#header nav.use-middle ul li.is-middle {
+    border-left: 0;
+}
+
+/* Footer */
+
+#footer {
+    -moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
+    -webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
+    -ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
+    transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out, opacity 0.325s ease-in-out;
+    width: 100%;
+    max-width: 100%;
+    margin-top: 2rem;
+    text-align: center;
+}
+
+#footer .copyright {
+    letter-spacing: 0.2rem;
+    font-size: 0.6rem;
+    opacity: 0.75;
+    margin-bottom: 0;
+    text-transform: uppercase;
+}
+
+body.is-article-visible #footer {
+    -moz-transform: scale(0.95);
+    -webkit-transform: scale(0.95);
+    -ms-transform: scale(0.95);
+    transform: scale(0.95);
+    -moz-filter: blur(0.1rem);
+    -webkit-filter: blur(0.1rem);
+    -ms-filter: blur(0.1rem);
+    filter: blur(0.1rem);
+    opacity: 0;
+}
+
+body.is-preload #footer {
+    opacity: 0;
+}

src/main/resources/static/index.html

@@ -1,107 +1,55 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
-    <title>影片列表</title>
-
-    <meta http-equiv="pragma" content="no-cache">
-    <meta http-equiv="cache-control" content="no-cache">
-    <meta http-equiv="expires" content="0">
-    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
-    <meta http-equiv="description" content="This is my page">
-    <meta http-equiv="content-type" content="text/html;charset=utf-8">
-    <link rel="shortcut icon" href="cover/favicon.ico" type="image/x-icon">
-    <link href="css/main.css?1649066400" type="text/css" rel="stylesheet">
-    <link rel="stylesheet" href="css/mytheme-ui.css?v=2.8" type="text/css">
-    <link rel="stylesheet" href="css/mytheme-color3.css?v=2.8" type="text/css">
-    <link rel="stylesheet" href="css/mytheme-site.css?v=2.8" type="text/css">
-    <link rel="stylesheet" href="css/mytheme-font.css?v=2.8" type="text/css">
+    <title>JAV私人影院永久地址发布页，收藏我回家不迷路！</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+    <meta name="keywords" content="私人影院">
+    <meta name="description" content="JAV私人影院永久地址发布页">
+    <link rel="shortcut icon" href="cover/index.ico" type="image/x-icon">
     <script src="js/jquery-3.6.0.min.js"></script>
-    <script src="js/pagination.js"></script>
-    <link rel="stylesheet" href="css/my.css" type="text/css">
-    <script type="text/javascript" src="js/my.js"></script>
+    <link rel="stylesheet" href="css/my-index.css" type="text/css">
+    <script type="text/javascript" src="js/my-index.js"></script>
 </head>
-
-<body>
-<div class="container">
-    <div class="row">
-        <div class="myui-panel active myui-panel-bg2 clearfix">
-            <div class="myui-panel-box clearfix">
-                <div class="myui-panel_hd">
-                    <div class="myui-panel__head active bottom-line clearfix">
-                        <a class="slideDown-btn more pull-right" href="javascript:">收起 <i
-                                class="fa fa-angle-up"></i></a>
-                        <h3 class="clearAll title">电影 </h3>
-                        <a class="more text-muted" id="shaixuan">筛选</a>
-                        <div class="myui-header__search search-box">
-                            <a class="search-select dropdown-hover" href="javascript:">
-                                <span class="text" id="bigType" prepath="qibing">骑兵</span>
-                                <i class="fa fa-caret-down"></i>
-                                <div class="dropdown-box bottom fadeInDown">
-                                    <ul class="item" style="line-height: 140%;">
-                                        <li class="" prepath="qibing">骑兵</li>
-                                        <li class="" prepath="bubing">步兵</li>
-                                        <li class="" prepath="liuchu">流出</li>
-                                        <li class="" prepath="machi">码池</li>
-                                    </ul>
-                                </div>
-                            </a>
-                            <input type="text" id="wd" name="wd" class="search_wd form-control ac_input" value=""
-                                   placeholder="" autocomplete="off" style=" padding-left: 72px; ">
-                            <button class="submit search_submit" id="searchbutton" type="submit" name="submit"><i
-                                    class="fa fa-search"></i></button>
-                        </div>
-                    </div>
-                </div>
-                <div class="myui-panel_bd">
-                    <div class="text-center loading-shaixuan"><img src='cover/loading.gif'></div>
-                    <div class="slideDown-box" style="">
-                        <ul class="myui-screen__list nav-slide clearfix leixingul" data-align="left">
-                            <li><a class="text-muted btn">类型</a></li>
-                            <li><a class="btn btn-warm searchbtn leixing">全部</a></li>
-                            <div id="leixingdiv"></div>
-                        </ul>
-                        <ul class="myui-screen__list nav-slide clearfix yanyuanul" data-align="left">
-                            <li><a class="btn text-muted">演员</a></li>
-                            <li><a class="btn btn-warm searchbtn yanyuan">全部</a></li>
-                            <div id="yanyuandiv"></div>
-                        </ul>
-                    </div>
-                    <ul class="myui-screen__list nav-slide clearfix paixuul" data-align="left">
-                        <li><a class="btn text-muted">排序</a></li>
-                        <li><a class="btn btn-warm searchbtn" orderField="vi.issue_date" order="desc">发布时间</a></li>
-                        <li><a class="btn searchbtn" orderField="vi.modify_time" order="desc">更新时间</a></li>
-                        <li><a class="btn searchbtn" orderField="vio.score" order="desc">评分</a></li>
-                    </ul>
-                </div>
-            </div>
+<body class="">
+<!-- Wrapper -->
+<div id="wrapper">
+    <!-- Header -->
+    <header id="header">
+        <div class="">
+            <h1>JAV私人影院网址导航</h1>
         </div>
-        <!-- 筛选 -->
-        <div class="myui-panel myui-panel-bg clearfix">
-            <div class="text-center loading"><img src='cover/loading.gif'></div>
-            <div class="myui-panel-box clearfix">
-                <div class="myui-panel_bd">
-                    <ul class="myui-vodlist clearfix">
-                    </ul>
-                </div>
-            </div>
-            <div class="text-center vodlistnone" style="padding: 50px;display: none;">
-                <p><img src="cover/no.png"></p>
-                <h4>没有找到您想要的结果哦！您可以 <a class="text-color">“留言反馈”</a> 给我们</h4>
+        <div class="content">
+            <div class="inner">
+
+                <p style="text-align:left;">
+                    “本杰明，我们命中注定要失去所爱之人，
+                </p><br>
+                <p style="text-align:left;">
+                    不然我们怎么知道，他们在我们的生命中有多重要？”
+                </p><br>
+                <p style="text-align:right;">
+                    ———《返老还童》
+                </p>
             </div>
+
         </div>
-        <!--翻页-->
-        <ul class="myui-page text-center clearfix" style="line-height: 140%;margin-top: 20px;">
-        </ul>
-        <!-- 翻页-->
-    </div>
-</div>
-<div id="cover"><img src="cover/loading.gif" style="width: 80px; height: 80px;"/></div>
-<div id="playvideo">
-    <video src="" width="800" height="500" controls></video>
-</div>
-<div id="bigpreview"><img src=""/></div>
-</body>
-</html>
 
+        <nav>
+            <ul>
+                <li><a href="video.html">VIDEO</a></li>
+                <li><a href="bg.html">BG</a></li>
+            </ul>
+        </nav>
+    </header>
 
+    <!-- Footer -->
+    <footer id="footer">
+        <p class="copyright">© 2021-2022 <a href="" target="_blank">JAV私人影院</a></p>
+    </footer>
+</div>
+
+<!-- BJ -->
+<div id="bg"></div>
 
+</body>
+</html>

src/main/resources/static/js/my-index.js

@@ -0,0 +1,57 @@
+document.oncontextmenu = function (t) {
+    window.event && (t = window.event);
+    try {
+        var e = t.srcElement;
+        return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
+    } catch (n) {
+        return !1
+    }
+}, document.onpaste = function (t) {
+    window.event && (t = window.event);
+    try {
+        var e = t.srcElement;
+        return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
+    } catch (n) {
+        return !1
+    }
+}, document.oncopy = function (t) {
+    window.event && (t = window.event);
+    try {
+        var e = t.srcElement;
+        return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
+    } catch (n) {
+        return !1
+    }
+}, document.oncut = function (t) {
+    window.event && (t = window.event);
+    try {
+        var e = t.srcElement;
+        return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
+    } catch (n) {
+        return !1
+    }
+}, document.onselectstart = function (t) {
+    window.event && (t = window.event);
+    try {
+        var e = t.srcElement;
+        return "INPUT" == e.tagName && "text" == e.type.toLowerCase() || "TEXTAREA" == e.tagName ? !0 : !1
+    } catch (n) {
+        return !1
+    }
+};
+
+
+var _hmt = _hmt || [];
+(function () {
+    var hm = document.createElement("script");
+    hm.src = "https://hm.baidu.com/hm.js?144b2a769ae34735fa4b9564637af5b3";
+    var s = document.getElementsByTagName("script")[0];
+    s.parentNode.insertBefore(hm, s);
+})();
+
+var s1 = '2019-02-19';//设置为你的建站时间
+s1 = new Date(s1.replace(/-/g, "/"));
+s2 = new Date();
+var days = s2.getTime() - s1.getTime();
+var number_of_days = parseInt(days / (1000 * 60 * 60 * 24));
+document.getElementById('days').innerHTML = number_of_days;

src/main/resources/static/video.html

@@ -0,0 +1,106 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+    <title>影片列表</title>
+
+    <meta http-equiv="pragma" content="no-cache">
+    <meta http-equiv="cache-control" content="no-cache">
+    <meta http-equiv="expires" content="0">
+    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
+    <meta http-equiv="description" content="This is my page">
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <link rel="shortcut icon" href="cover/favicon.ico" type="image/x-icon">
+    <link rel="stylesheet" href="css/mytheme-ui.css?v=2.8" type="text/css">
+    <link rel="stylesheet" href="css/mytheme-color3.css?v=2.8" type="text/css">
+    <link rel="stylesheet" href="css/mytheme-site.css?v=2.8" type="text/css">
+    <link rel="stylesheet" href="css/mytheme-font.css?v=2.8" type="text/css">
+    <script src="js/jquery-3.6.0.min.js"></script>
+    <script src="js/pagination.js"></script>
+    <link rel="stylesheet" href="css/my-video.css" type="text/css">
+    <script type="text/javascript" src="js/my-video.js"></script>
+</head>
+
+<body>
+<div class="container">
+    <div class="row">
+        <div class="myui-panel active myui-panel-bg2 clearfix">
+            <div class="myui-panel-box clearfix">
+                <div class="myui-panel_hd">
+                    <div class="myui-panel__head active bottom-line clearfix">
+                        <a class="slideDown-btn more pull-right" href="javascript:">收起 <i
+                                class="fa fa-angle-up"></i></a>
+                        <h3 class="clearAll title">电影 </h3>
+                        <a class="more text-muted" id="shaixuan">筛选</a>
+                        <div class="myui-header__search search-box">
+                            <a class="search-select dropdown-hover" href="javascript:">
+                                <span class="text" id="bigType" prepath="qibing">骑兵</span>
+                                <i class="fa fa-caret-down"></i>
+                                <div class="dropdown-box bottom fadeInDown">
+                                    <ul class="item" style="line-height: 140%;">
+                                        <li class="" prepath="qibing">骑兵</li>
+                                        <li class="" prepath="bubing">步兵</li>
+                                        <li class="" prepath="liuchu">流出</li>
+                                        <li class="" prepath="machi">码池</li>
+                                    </ul>
+                                </div>
+                            </a>
+                            <input type="text" id="wd" name="wd" class="search_wd form-control ac_input" value=""
+                                   placeholder="" autocomplete="off" style=" padding-left: 72px; ">
+                            <button class="submit search_submit" id="searchbutton" type="submit" name="submit"><i
+                                    class="fa fa-search"></i></button>
+                        </div>
+                    </div>
+                </div>
+                <div class="myui-panel_bd">
+                    <div class="text-center loading-shaixuan"><img src='cover/loading.gif'></div>
+                    <div class="slideDown-box" style="">
+                        <ul class="myui-screen__list nav-slide clearfix leixingul" data-align="left">
+                            <li><a class="text-muted btn">类型</a></li>
+                            <li><a class="btn btn-warm searchbtn leixing">全部</a></li>
+                            <div id="leixingdiv"></div>
+                        </ul>
+                        <ul class="myui-screen__list nav-slide clearfix yanyuanul" data-align="left">
+                            <li><a class="btn text-muted">演员</a></li>
+                            <li><a class="btn btn-warm searchbtn yanyuan">全部</a></li>
+                            <div id="yanyuandiv"></div>
+                        </ul>
+                    </div>
+                    <ul class="myui-screen__list nav-slide clearfix paixuul" data-align="left">
+                        <li><a class="btn text-muted">排序</a></li>
+                        <li><a class="btn btn-warm searchbtn" orderField="vi.issue_date" order="desc">发布时间</a></li>
+                        <li><a class="btn searchbtn" orderField="vi.modify_time" order="desc">更新时间</a></li>
+                        <li><a class="btn searchbtn" orderField="vio.score" order="desc">评分</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <!-- 筛选 -->
+        <div class="myui-panel myui-panel-bg clearfix">
+            <div class="text-center loading"><img src='cover/loading.gif'></div>
+            <div class="myui-panel-box clearfix">
+                <div class="myui-panel_bd">
+                    <ul class="myui-vodlist clearfix">
+                    </ul>
+                </div>
+            </div>
+            <div class="text-center vodlistnone" style="padding: 50px;display: none;">
+                <p><img src="cover/no.png"></p>
+                <h4>没有找到您想要的结果哦！您可以 <a class="text-color">“留言反馈”</a> 给我们</h4>
+            </div>
+        </div>
+        <!--翻页-->
+        <ul class="myui-page text-center clearfix" style="line-height: 140%;margin-top: 20px;">
+        </ul>
+        <!-- 翻页-->
+    </div>
+</div>
+<div id="cover"><img src="cover/loading.gif" style="width: 80px; height: 80px;"/></div>
+<div id="playvideo">
+    <video src="" width="800" height="500" controls></video>
+</div>
+<div id="bigpreview"><img src=""/></div>
+</body>
+</html>
+
+
+