jQuery连接： https://pan.baidu.com/s/1Qj948NPMDmcqzcMyKm8nMw 密码：vewr
图片连接： https://pan.baidu.com/s/1Fhaw77EtQxC2Zgc6lY6y7g 密码：jyd1
HTML代码：
DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>title>
<link rel="stylesheet" href="assets/css/wx-custom.css">
<style>
*{
margin:0;
padding:0;
}
.mmp > ul {
display:none;
}
#ifram {
border: none;
display: block;
outline: medium;
/*background-color: white;*/
/*border: 1px solid red;
height: 100%;*/
width: 100%;
border: none;
height: 100%;
/*border: 1px solid black;*/
}
::-webkit-scrollbar {
display: none;
}
.custom-menu-view__menu {
border:none;
}
.subbutton__actived {
border:none;
}
.weixin-msg-list table {
width:99%;
padding:0 2px;
text-align:center;
} .weixin-msg-list table tr td {
border:1px solid #ddd;
font-size:12px;
}
.weixin-msg-list table tr td a {
font-size:12px;
}
.bb1 {
background: -webkit-gradient(linear, 0 0, 0 100%, from(#6BBCF1), to(lightblue));
background: -webkit-linear-gradient(#6BBCF1, lightblue);
background: -moz-linear-gradient(#6BBCF1, lightblue);
background: -o-linear-gradient(#6BBCF1, lightblue);
background: linear-gradient(#6BBCF1, lightblue);
font-weight: bold;
color: #564b4b;
border: 1px solid white;
width:48%;
}
.bb2 {
background: -webkit-gradient(linear, 0 0, 0 100%, from(#6BBCF1), to(lightblue));
background: -webkit-linear-gradient(#6BBCF1, lightblue);
background: -moz-linear-gradient(#6BBCF1, lightblue);
background: -o-linear-gradient(#6BBCF1, lightblue);
background: linear-gradient(#6BBCF1, lightblue);
font-weight: bold;
color: #564b4b;
border: 1px solid white;
width:25%;
}
.bb3 {
background: -webkit-gradient(linear, 0 0, 0 100%, from(#6BBCF1), to(lightblue));
background: -webkit-linear-gradient(#6BBCF1, lightblue);
background: -moz-linear-gradient(#6BBCF1, lightblue);
background: -o-linear-gradient(#6BBCF1, lightblue);
background: linear-gradient(#6BBCF1, lightblue);
font-weight: bold;
color: #564b4b;
border: 1px solid white;
width:20%;
}
.cc {
background: -webkit-gradient(linear, 0 0, 0 100%, from(#6BBCF1), to(lightblue));
background: -webkit-linear-gradient(#6BBCF1, lightblue);
background: -moz-linear-gradient(#6BBCF1, lightblue);
background: -o-linear-gradient(#6BBCF1, lightblue);
background: linear-gradient(#6BBCF1, lightblue);
font-weight: bold;
color: #564b4b;
border: 1px solid white;
}
.aa {
display: inline-block;
*display: inline;
*zoom: 1;
width: 160px;
height: 20px;
line-height: 20px;
font-size: 15px;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
#bg {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.7;
opacity: .70;
filter: alpha(opacity=70);
}
#show {
display: none;
position: absolute;
top: 20%;
left: 6.5%;
width:80%;
height: 47%;
padding: 8px;
border: 8px solid #ddd;
background-color: white;
z-index: 1002;
overflow: auto;
}
style>
head>
<body>
<div class="custom-menu-view-con">
<div class="custom-menu-view">
<div class="custom-menu-view__title">公众号名称div>
<div class="custom-menu-view__body">
<div class="weixin-msg-list">
我是第一页<br />
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th class="cc" >序号th>
<th class="bb1">标题th>
<th class="bb2">添加时间th>
<th class="bb3">操作th>
tr>
<tr>
<td>1td>
<td><a href="#" title="通过高转项目认定通过高转项目认定通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定通过a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo('通过高转项目认定通过', '2018-05-04', '1200.45')">编辑a> | <a href="#" style="text-decoration: none;" onclick=" delInfo(4)">删除a>td>
tr>
<tr>
<td>2td>
<td><a href="#" title="通过高转项目认定通过高转项目认定通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定通过高转项目认定通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>3td>
<td><a href="#" title="通过高转项目认定通过高转项目认定通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定通过高转项目认定通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>4td>
<td><a href="#" title="通过高转项目认定通过高转项目认定通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>5td>
<td><a href="#" title="通过高转项目认定通过高转项目认定通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>6td>
<td><a href="#" title="通过高转项目认定通过高转项目认定通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>7td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>8td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>9td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>10td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>11td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>12td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>13td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>14td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>15td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>16td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>17td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>18td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>19td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>20td>
<td><a href="#" title="通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>21td>
<td><a href="#" title="通过高转项目认定通过高转项目认定通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定通过a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo('通过高转项目认定通过', '2018-05-04', '1200.45')">编辑a> | <a href="#" style="text-decoration: none;" onclick=" delInfo(4)">删除a>td>
tr>
<tr>
<td>22td>
<td><a href="#" title="通过高转项目认定通过高转项目认定通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定通过高转项目认定通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>23td>
<td><a href="#" title="通过高转项目认定通过高转项目认定通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定通过高转项目认定通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>24td>
<td><a href="#" title="通过高转项目认定通过高转项目认定通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>25td>
<td><a href="#" title="通过高转项目认定通过高转项目认定通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
<tr>
<td>26td>
<td><a href="#" title="通过高转项目认定通过高转项目认定通过高转项目认定" class="aa" onclick="openChild('1','/web_newszw/20180504094531052.html')">通过高转项目认定a>td>
<td>2018-05-04td>
<td><a href="#" style="text-decoration: none;" onclick="editInfo(4)">编辑a> | <a href="#" style="text-decoration: none;" onclick="delInfo(4)">删除a>td>
tr>
tbody>
table>
div>
div>
<div id="menuMain" class="custom-menu-view__footer">
<div class="custom-menu-view__footer__left" onclick="changeinput();">div>
<div class="custom-menu-view__footer__right">
<div class="custom-menu-view__menu mmp1" alt="1" style="width:100%;display:none; ">
<input type="text" style="width:99%;height:47px;float:left;font-size:26px;" />
<input type="hidden" value="0" id="hinput" />
div>
<div class="custom-menu-view__menu subbutton__actived mmp" alt="0" style="width: 32.5%;background:#ddd;">
<div class="text-ellipsis">今日歌曲div>
<ul class="custom-menu-view__menu__sub" id="ul1">
<li class="custom-menu-view__menu__sub__add" id="sub_0_0">
<div class="text-ellipsis" ">
<a href="txt2.html">新建子菜单a>
div>
li>
<li class="custom-menu-view__menu__sub__add" id="sub_0_1">
<div class="text-ellipsis" onclick="changediv(1);"><a href="#">新建子菜单a>div>
li>
ul>
div>
<div class="custom-menu-view__menu mmp" alt="1" style="width: 32.5%;">
<div class="text-ellipsis" >百度一下div>
<ul class="custom-menu-view__menu__sub" id="ul2">
<li class="custom-menu-view__menu__sub__add" id="sub_1_0">
<div class="text-ellipsis" onclick="changediv(2);"><a href="#">新建子菜单a>div>
li>
<li class="custom-menu-view__menu__sub__add" id="sub_1_1">
<div class="text-ellipsis" onclick="changediv(2);"><a href="#">新建子菜单a>div>
li>