|
|
@@ -1,274 +1,376 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
- <head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
- <title>重庆城市管理局-来宾终端</title>
|
|
|
- <style type="text/css">
|
|
|
- *{
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- box-sizing: border-box;
|
|
|
- font-family: "Microsoft YaHei";
|
|
|
- }
|
|
|
-
|
|
|
- html,body{
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background-color: #E8E8F0;
|
|
|
- }
|
|
|
-
|
|
|
- li{
|
|
|
- list-style: none;
|
|
|
- }
|
|
|
-
|
|
|
- .box{
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- .box .overlay{
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background-color: rgba(0,0,0,0.4);
|
|
|
- }
|
|
|
-
|
|
|
- .box .back{
|
|
|
-
|
|
|
-
|
|
|
- font-size: 18px;
|
|
|
- width: 10%;
|
|
|
- height: 5%;
|
|
|
- color: #FFFFFF;
|
|
|
- background-color: #000000;
|
|
|
- }
|
|
|
-
|
|
|
- .back_list{
|
|
|
- position: absolute;
|
|
|
- top: 5%;
|
|
|
- left: 5%;
|
|
|
- width: 20%;
|
|
|
- z-index: 9999;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- }
|
|
|
-
|
|
|
- .back_list>div{
|
|
|
- font-size: 18px;
|
|
|
- width: 50%;
|
|
|
- text-align: center;
|
|
|
- border-radius: 5px;
|
|
|
- padding: 1% 0;
|
|
|
- }
|
|
|
-
|
|
|
- .back_list .back{
|
|
|
- color: #FFFFFF;
|
|
|
- background-color: #ff0000;
|
|
|
- }
|
|
|
-
|
|
|
- .back_list .wj_list{
|
|
|
- margin-left: 1%;
|
|
|
- color: #297CC2;
|
|
|
- background-color: #D5E8F6;
|
|
|
- }
|
|
|
-
|
|
|
- .file_list{
|
|
|
- position: absolute;
|
|
|
- top: 50%;
|
|
|
- left: 50%;
|
|
|
- transform: translate(-50%,-50%);
|
|
|
- z-index: 1000;
|
|
|
- display: flex;
|
|
|
- align-content: baseline;
|
|
|
- flex-wrap: wrap;
|
|
|
- width: 70%;
|
|
|
- height: 60%;
|
|
|
- border-radius: 5px;
|
|
|
- background-color: #FFFFFF;
|
|
|
- }
|
|
|
-
|
|
|
- .file_list .file_item{
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- width: 10%;
|
|
|
- height: 24%;
|
|
|
- margin-top: 1%;
|
|
|
- }
|
|
|
-
|
|
|
- .file_item>img{
|
|
|
- width: 50%;
|
|
|
- }
|
|
|
-
|
|
|
- .file_item .file_name{
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- overflow : hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- font-size: 12px;
|
|
|
- }
|
|
|
-
|
|
|
- .show{
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- overflow: auto;
|
|
|
- }
|
|
|
- .show::-webkit-scrollbar{
|
|
|
- width: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .show>img{
|
|
|
- position: relative;
|
|
|
- top: 50%;
|
|
|
- transform: translateY(-50%);
|
|
|
- width: 80%;
|
|
|
- height: 70%;
|
|
|
- }
|
|
|
-
|
|
|
- .show>video{
|
|
|
- position: relative;
|
|
|
- top: 50%;
|
|
|
- transform: translateY(-50%);
|
|
|
- width: 80%;
|
|
|
- height: 70%;
|
|
|
- }
|
|
|
-
|
|
|
- .show .show_pdf{
|
|
|
- width: 80%;
|
|
|
- margin-top: 10%;
|
|
|
- }
|
|
|
- </style>
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <!-- 返回和文件列表 -->
|
|
|
- <div class="back_list">
|
|
|
- <div class="back">返回</div>
|
|
|
- <div class="wj_list" style="display: none;">文件列表</div>
|
|
|
- </div>
|
|
|
- <!-- 文件列表 -->
|
|
|
- <div class="box">
|
|
|
- <div class="overlay"></div>
|
|
|
- <ul class="file_list">
|
|
|
- <li class="file_item" data-iden="video" data-src="https://vd4.bdstatic.com/mda-ndd5br5k6hgdgpwi/sc/cae_h264_delogo/1649908320881108315/mda-ndd5br5k6hgdgpwi.mp4?v_from_s=bdapp-bdappcore-hnb">
|
|
|
- <img src="img/sp.png" />
|
|
|
- <div class="file_name">
|
|
|
- 视频视频视频视频视频视频
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="file_item" data-iden="img" data-src="img/a1.png">
|
|
|
- <img src="img/tp.png" />
|
|
|
- <div class="file_name">
|
|
|
- 图片图片图片图片图片图片图片
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="file_item" data-iden="pdf">
|
|
|
- <img src="img/pdf.png" />
|
|
|
- <div class="file_name">
|
|
|
- pdf
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="file_item" data-iden="wj">
|
|
|
- <img src="img/wj.png" />
|
|
|
- <div class="file_name">
|
|
|
- 文件
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="file_item">
|
|
|
- <img src="img/wj.png" />
|
|
|
- <div class="file_name">
|
|
|
- 文件
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="file_item">
|
|
|
- <img src="img/wj.png" />
|
|
|
- <div class="file_name">
|
|
|
- 文件
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="file_item">
|
|
|
- <img src="img/wj.png" />
|
|
|
- <div class="file_name">
|
|
|
- 文件
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="file_item">
|
|
|
- <img src="img/wj.png" />
|
|
|
- <div class="file_name">
|
|
|
- 文件
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="file_item">
|
|
|
- <img src="img/wj.png" />
|
|
|
- <div class="file_name">
|
|
|
- 文件
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="file_item">
|
|
|
- <img src="img/wj.png" />
|
|
|
- <div class="file_name">
|
|
|
- 文件
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="file_item">
|
|
|
- <img src="img/wj.png" />
|
|
|
- <div class="file_name">
|
|
|
- 文件
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="file_item">
|
|
|
- <img src="img/wj.png" />
|
|
|
- <div class="file_name">
|
|
|
- 文件
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <!-- 显示 -->
|
|
|
- <div class="show">
|
|
|
- <img src="img/a1.png" style="display: none;" />
|
|
|
- <video controls="controls" style="display: none;">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
+ <title>重庆城市管理局-来宾终端</title>
|
|
|
+ <style type="text/css">
|
|
|
+ * {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-family: "Microsoft YaHei";
|
|
|
+ }
|
|
|
+
|
|
|
+ html,
|
|
|
+ body {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #E8E8F0;
|
|
|
+ }
|
|
|
+
|
|
|
+ li {
|
|
|
+ list-style: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box .back {
|
|
|
+ font-size: 18px;
|
|
|
+ width: 10%;
|
|
|
+ height: 5%;
|
|
|
+ color: #FFFFFF;
|
|
|
+ background-color: #000000;
|
|
|
+ }
|
|
|
+
|
|
|
+ .back_list {
|
|
|
+ position: absolute;
|
|
|
+ top: 5%;
|
|
|
+ right: 5%;
|
|
|
+ width: 20%;
|
|
|
+ z-index: 9999;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
+ }
|
|
|
+
|
|
|
+ .back_list>div {
|
|
|
+ font-size: 18px;
|
|
|
+ width: 50%;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 1% 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .back_list .back {
|
|
|
+ color: #FFFFFF;
|
|
|
+ background-color: #ff0000;
|
|
|
+ }
|
|
|
+
|
|
|
+ .back_list .wj_list {
|
|
|
+ margin-left: 1%;
|
|
|
+ color: #297CC2;
|
|
|
+ background-color: #D5E8F6;
|
|
|
+ }
|
|
|
+
|
|
|
+ .file_list {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ z-index: 1000;
|
|
|
+ display: flex;
|
|
|
+ align-content: baseline;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ width: 70%;
|
|
|
+ height: 60%;
|
|
|
+ border-radius: 5px;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .file_list .file_item {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ width: 10%;
|
|
|
+ height: 24%;
|
|
|
+ margin-top: 1%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .file_item>img {
|
|
|
+ width: 50%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .file_item .file_name {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .show {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .show::-webkit-scrollbar {
|
|
|
+ width: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .show>img {
|
|
|
+ position: relative;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ width: 80%;
|
|
|
+ height: 70%;
|
|
|
+ margin-right: 2%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .show>video {
|
|
|
+ position: relative;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ width: 80%;
|
|
|
+ height: 70%;
|
|
|
+ margin-right: 2%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .show .show_pdf {
|
|
|
+ width: 80%;
|
|
|
+ margin-top: 10%;
|
|
|
+ margin-right: 2%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .file_ass {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: -15%;
|
|
|
+ width: 15%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ z-index: 30;
|
|
|
+ transition: all 0.5s linear;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .file_ass::-webkit-scrollbar {
|
|
|
+ width: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .file_ass .title_ass {
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: 550;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+ }
|
|
|
+
|
|
|
+ .file_ass .ass_item {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ width: 100%;
|
|
|
+ height: 10%;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ border-bottom: 1px solid rgba(147, 147, 147, 0.4);
|
|
|
+ }
|
|
|
+
|
|
|
+ .ass_active {
|
|
|
+ color: #2D8FCE;
|
|
|
+ background-color: #C0DAED;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ass_shrink {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ position: absolute;
|
|
|
+ left: 0%;
|
|
|
+ top: 1%;
|
|
|
+ z-index: 30;
|
|
|
+ width: 3%;
|
|
|
+ height: 40px;
|
|
|
+ border-radius: 5px;
|
|
|
+ transition: all 0.5s linear;
|
|
|
+ background-color: rgba(4, 108, 183, 0.25);
|
|
|
+ }
|
|
|
+
|
|
|
+ .ass_shrink>img {
|
|
|
+ width: 60%;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <ul class="file_ass" style="left: 0;">
|
|
|
+ <div class="title_ass">文件分类</div>
|
|
|
+ <li class="ass_item">一类文件</li>
|
|
|
+ <li class="ass_item">二类文件</li>
|
|
|
+ <li class="ass_item">三类文件</li>
|
|
|
+ <li class="ass_item">四类文件</li>
|
|
|
+ </ul>
|
|
|
+ <!-- 收缩文件分类 -->
|
|
|
+ <div class="ass_shrink" style="display: none;">
|
|
|
+ <img src="img/bottom.png" style="transform: rotate(90deg);" />
|
|
|
+ </div>
|
|
|
+ <!-- 返回和文件列表 -->
|
|
|
+ <div class="back_list">
|
|
|
+ <div class="wj_list" style="display: none;">文件列表</div>
|
|
|
+ <div class="back">返回</div>
|
|
|
+ </div>
|
|
|
+ <!-- 文件列表 -->
|
|
|
+ <div class="box">
|
|
|
+ <ul class="file_list">
|
|
|
+ <li class="file_item" data-iden="video" data-src="https://vd4.bdstatic.com/mda-ndd5br5k6hgdgpwi/sc/cae_h264_delogo/1649908320881108315/mda-ndd5br5k6hgdgpwi.mp4?v_from_s=bdapp-bdappcore-hnb">
|
|
|
+ <img src="img/sp.png" />
|
|
|
+ <div class="file_name">
|
|
|
+ 视频视频视频视频视频视频
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="file_item" data-iden="img" data-src="img/a1.png">
|
|
|
+ <img src="img/tp.png" />
|
|
|
+ <div class="file_name">
|
|
|
+ 图片图片图片图片图片图片图片
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="file_item" data-iden="pdf">
|
|
|
+ <img src="img/pdf.png" />
|
|
|
+ <div class="file_name">
|
|
|
+ pdf
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="file_item" data-iden="wj">
|
|
|
+ <img src="img/wj.png" />
|
|
|
+ <div class="file_name">
|
|
|
+ 文件
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="file_item">
|
|
|
+ <img src="img/wj.png" />
|
|
|
+ <div class="file_name">
|
|
|
+ 文件
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="file_item">
|
|
|
+ <img src="img/wj.png" />
|
|
|
+ <div class="file_name">
|
|
|
+ 文件
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="file_item">
|
|
|
+ <img src="img/wj.png" />
|
|
|
+ <div class="file_name">
|
|
|
+ 文件
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="file_item">
|
|
|
+ <img src="img/wj.png" />
|
|
|
+ <div class="file_name">
|
|
|
+ 文件
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="file_item">
|
|
|
+ <img src="img/wj.png" />
|
|
|
+ <div class="file_name">
|
|
|
+ 文件
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="file_item">
|
|
|
+ <img src="img/wj.png" />
|
|
|
+ <div class="file_name">
|
|
|
+ 文件
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="file_item">
|
|
|
+ <img src="img/wj.png" />
|
|
|
+ <div class="file_name">
|
|
|
+ 文件
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="file_item">
|
|
|
+ <img src="img/wj.png" />
|
|
|
+ <div class="file_name">
|
|
|
+ 文件
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- 显示 -->
|
|
|
+ <div class="show">
|
|
|
+ <img src="img/a1.png" style="display: none;" />
|
|
|
+ <video controls="controls" style="display: none;">
|
|
|
<source src="myvideo.mp4" type="video/mp4"></source>
|
|
|
</video>
|
|
|
- <div class="show_pdf" style="display: none;">
|
|
|
- <h1>pdf</h1>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
|
|
|
- <script type="text/javascript">
|
|
|
- $(".back_list").on("click",".back",function(){
|
|
|
- history.back()
|
|
|
- })
|
|
|
-
|
|
|
- $(".file_list").on("click",".file_item",function(){
|
|
|
- $(".box").css("display","none")
|
|
|
- $(".wj_list").css("display","block")
|
|
|
- // 获取点击的自定义属性
|
|
|
- var fileIden = $(this).attr("data-iden")
|
|
|
- console.log(fileIden)
|
|
|
- if(fileIden == "img" || fileIden == "video"){
|
|
|
- var src = $(this).attr("data-src")
|
|
|
- $(".show").find(fileIden).siblings().css("display","none")
|
|
|
- $(".show").find(fileIden).css("display","block").attr("src",src)
|
|
|
- }else{
|
|
|
- $(".show").find(".show_pdf").siblings().css("display","none")
|
|
|
- $(".show").find(".show_pdf").css("display","block")
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- $(".back_list").on("click",".wj_list",function(){
|
|
|
- $(this).css("display","none")
|
|
|
- $(".box").css("display","block")
|
|
|
- })
|
|
|
- </script>
|
|
|
- </body>
|
|
|
-</html>
|
|
|
+ <div class="show_pdf" style="display: none;">
|
|
|
+ <h1>pdf</h1>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ $(".back_list").on("click", ".back", function() {
|
|
|
+ history.back()
|
|
|
+ })
|
|
|
+
|
|
|
+ $(".file_list").on("click", ".file_item", function() {
|
|
|
+ $(".box").css("display", "none")
|
|
|
+ $(".show").css("display", "flex")
|
|
|
+ $(".wj_list").css("display", "block")
|
|
|
+ // 获取点击的自定义属性
|
|
|
+ var fileIden = $(this).attr("data-iden")
|
|
|
+ console.log(fileIden)
|
|
|
+ if (fileIden == "img" || fileIden == "video") {
|
|
|
+ var src = $(this).attr("data-src")
|
|
|
+ $(".show").find(fileIden).siblings().css("display", "none")
|
|
|
+ $(".show").find(fileIden).css("display", "block").attr("src", src)
|
|
|
+ } else {
|
|
|
+ $(".show").find(".show_pdf").siblings().css("display", "none")
|
|
|
+ $(".show").find(".show_pdf").css("display", "block")
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ $(".back_list").on("click", ".wj_list", function() {
|
|
|
+ $(this).css("display", "none")
|
|
|
+ $(".show").css("display", "none")
|
|
|
+ $(".box").css("display", "block")
|
|
|
+ })
|
|
|
+
|
|
|
+ // 文件分类
|
|
|
+ $(".qtgn").on("click", ".qtgn-item", function() {
|
|
|
+ let iden = $(this).attr("data-iden")
|
|
|
+ if (iden == "wjll") {
|
|
|
+ location.href = "wjll.html"
|
|
|
+ }
|
|
|
+ })
|
|
|
+ var idenNum = 1
|
|
|
+ $("body").on("click", ".ass_shrink", function() {
|
|
|
+ if (idenNum == 0) {
|
|
|
+ // 收起
|
|
|
+ $(".file_ass").css("left", "-15%")
|
|
|
+ $(this).css("left", "0")
|
|
|
+ $(this).find("img").attr("src", "img/bottom.png")
|
|
|
+ idenNum += 1
|
|
|
+ } else {
|
|
|
+ // 展开
|
|
|
+ $(".file_ass").css("left", "0")
|
|
|
+ $(this).css("left", "15%")
|
|
|
+ $(this).find("img").attr("src", "img/top.png")
|
|
|
+ idenNum = 0
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ $(".file_ass").on("click", ".ass_item", function() {
|
|
|
+ $(this).addClass("ass_active").siblings("li").removeClass("ass_active")
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
xiaoyue5430