|
|
@@ -2,519 +2,522 @@
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
|
- <meta charset="UTF-8">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
- <title>新媒体矩阵</title>
|
|
|
- <link rel="stylesheet" href="css/conmon.css">
|
|
|
- <link rel="stylesheet" href="css/index.css">
|
|
|
- <link rel="stylesheet" href="layui/css/layui.css">
|
|
|
- <link rel="stylesheet" href="font/iconfont.css">
|
|
|
- <style>
|
|
|
- .layui-laydate-main,
|
|
|
- .layui-laydate,
|
|
|
- .layui-laydate-hint {
|
|
|
- width: 505px !important;
|
|
|
- height: 261px !important;
|
|
|
- background: #FFFFFF;
|
|
|
- border: 1px solid #EEEEEE;
|
|
|
- box-shadow: 0px 3px 8px 0px rgba(42, 104, 187, 0.29);
|
|
|
- border-radius: 10px !important;
|
|
|
- margin: 0 !important;
|
|
|
- }
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>新媒体矩阵</title>
|
|
|
+ <link rel="stylesheet" href="css/conmon.css">
|
|
|
+ <link rel="stylesheet" href="css/index.css">
|
|
|
+ <link rel="stylesheet" href="layui/css/layui.css">
|
|
|
+ <link rel="stylesheet" href="font/iconfont.css">
|
|
|
+ <style>
|
|
|
+ .layui-laydate-main,
|
|
|
+ .layui-laydate,
|
|
|
+ .layui-laydate-hint {
|
|
|
+ width: 505px !important;
|
|
|
+ height: 261px !important;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border: 1px solid #EEEEEE;
|
|
|
+ box-shadow: 0px 3px 8px 0px rgba(42, 104, 187, 0.29);
|
|
|
+ border-radius: 10px !important;
|
|
|
+ margin: 0 !important;
|
|
|
+ }
|
|
|
|
|
|
- .layui-laydate {
|
|
|
- margin-top: 20px !important;
|
|
|
- left: 60% !important;
|
|
|
- }
|
|
|
+ .layui-laydate {
|
|
|
+ margin-top: 20px !important;
|
|
|
+ left: 60% !important;
|
|
|
+ }
|
|
|
|
|
|
- .layui-laydate-content td,
|
|
|
- .layui-laydate-content th {
|
|
|
- width: 70px !important;
|
|
|
- }
|
|
|
- </style>
|
|
|
+ .layui-laydate-content td,
|
|
|
+ .layui-laydate-content th {
|
|
|
+ width: 70px !important;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
- <div class="cont-width first" style="display: flex;">
|
|
|
+<div class="cont-width first" style="display: flex;">
|
|
|
<div class="left" style="width: 838px;padding-right: 47px;border-right: 1px solid rgb(20 88 180 / 18%);">
|
|
|
- <div class="title" style="background-image: url(images/line.png);">
|
|
|
- 南岸区政务新媒体发布厅
|
|
|
- </div>
|
|
|
- <div style="display: flex;justify-content: space-between;position: relative;">
|
|
|
- <ul class="list">
|
|
|
- <li class="click">
|
|
|
- <img src="images/logo-zf.png" alt=""><span>重庆市南岸区人民政府</span>
|
|
|
- <img src="images/code-b.png" alt="" class="code">
|
|
|
- <div class="arrow"></div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zcstc.png" alt=""><span>广阳湾智创生态城</span>
|
|
|
- <img src="images/code-a.png" alt="" class="code">
|
|
|
- <div class="arrow" style="display: none;"></div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-nawl.png" alt=""><span>南岸文旅</span>
|
|
|
- <img src="images/code-a.png" alt="" class="code">
|
|
|
- <div class="arrow" style="display: none;"></div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-najkws.png" alt=""><span>南岸健康卫士</span>
|
|
|
- <img src="images/code-a.png" alt="" class="code">
|
|
|
- <div class="arrow" style="display: none;"></div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-naga.png" alt=""><span>南岸公安</span>
|
|
|
- <img src="images/code-a.png" alt="" class="code">
|
|
|
- <div class="arrow" style="display: none;"></div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-naxf.png" alt=""><span>重庆南岸消防</span>
|
|
|
- <img src="images/code-a.png" alt="" class="code">
|
|
|
- <div class="arrow" style="display: none;"></div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div class="codeBig code1" style="display: none;position: absolute;z-index: 11;">
|
|
|
- <div style="font-weight: bold;">南岸健康卫士</div>
|
|
|
- <img src="images/code-big.png" alt="">
|
|
|
- <div style="display: flex;align-items: center;">
|
|
|
- <div class="line"></div>
|
|
|
- <div>扫码关注</div>
|
|
|
- <div class="line"></div>
|
|
|
- </div>
|
|
|
+ <div class="title" style="background-image: url(images/line.png);">
|
|
|
+ 南岸区政务新媒体发布厅
|
|
|
</div>
|
|
|
- <div class="message messagetop">
|
|
|
- <div style="background-image: url(images/m.jpg);" alt="" class="img">
|
|
|
- 开幕！
|
|
|
- </div>
|
|
|
- <ul>
|
|
|
- <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
- <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
- <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
- <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
- <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
- <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
- <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
- </ul>
|
|
|
+ <div style="display: flex;justify-content: space-between;position: relative;">
|
|
|
+ <ul class="list">
|
|
|
+ <li class="click">
|
|
|
+ <img src="images/logo-zf.png" alt=""><span>重庆市南岸区人民政府</span>
|
|
|
+ <img src="images/code-b.png" alt="" class="code">
|
|
|
+ <div class="arrow"></div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zcstc.png" alt=""><span>广阳湾智创生态城</span>
|
|
|
+ <img src="images/code-a.png" alt="" class="code">
|
|
|
+ <div class="arrow" style="display: none;"></div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-nawl.png" alt=""><span>南岸文旅</span>
|
|
|
+ <img src="images/code-a.png" alt="" class="code">
|
|
|
+ <div class="arrow" style="display: none;"></div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-najkws.png" alt=""><span>南岸健康卫士</span>
|
|
|
+ <img src="images/code-a.png" alt="" class="code">
|
|
|
+ <div class="arrow" style="display: none;"></div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-naga.png" alt=""><span>南岸公安</span>
|
|
|
+ <img src="images/code-a.png" alt="" class="code">
|
|
|
+ <div class="arrow" style="display: none;"></div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-naxf.png" alt=""><span>重庆南岸消防</span>
|
|
|
+ <img src="images/code-a.png" alt="" class="code">
|
|
|
+ <div class="arrow" style="display: none;"></div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="codeBig code1" style="display: none;position: absolute;z-index: 11;">
|
|
|
+ <div style="font-weight: bold;">南岸健康卫士</div>
|
|
|
+ <img src="images/code-big.png" alt="">
|
|
|
+ <div style="display: flex;align-items: center;">
|
|
|
+ <div class="line"></div>
|
|
|
+ <div>扫码关注</div>
|
|
|
+ <div class="line"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="message messagetop">
|
|
|
+ <div style="background-image: url(images/m.jpg);" alt="" class="img">
|
|
|
+ 开幕！
|
|
|
+ </div>
|
|
|
+ <ul>
|
|
|
+ <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
+ <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
+ <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
+ <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
+ <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
+ <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
+ <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<div class="right" style="width: 477px;padding-left: 48px;">
|
|
|
- <div class="title" style="background-image: url(images/line2.png);">
|
|
|
- 南岸发布
|
|
|
- </div>
|
|
|
- <div class="time">
|
|
|
- <div id="time"
|
|
|
- style="width: 105px;height:100%;position: absolute;display: flex;align-items: center;padding-left: 60px;">
|
|
|
- 2022-10-16</div>
|
|
|
-
|
|
|
- <img src="images/logo-rl.png" alt="" class="logo">
|
|
|
- <img src="images/arrow.png" alt="" class="arrow">
|
|
|
- </div>
|
|
|
- <div class="message" style="padding: 2px 23px;">
|
|
|
- <ul class="datali">
|
|
|
- <li><span>重庆市代表团举行全体会议讨论党的二十大报告</span><img src="images/g.png" alt=""></li>
|
|
|
- <li><span>重庆市代表团举行全体会议讨论党的二十大报告</span><img src="images/g.png" alt=""></li>
|
|
|
- <li><span>重庆市代表团举行全体会议讨论党的二十大报告</span><img src="images/g.png" alt=""></li>
|
|
|
- <li><span>重庆市代表团举行全体会议讨论党的二十大报告</span><img src="images/g.png" alt=""></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="cont-width second">
|
|
|
- <div class="recommended">
|
|
|
- <div class="title" style="background-image: url(images/recommended.png);">热点推荐</div>
|
|
|
- <div class="shuaxin">
|
|
|
- <i class="iconfont "></i>
|
|
|
- </div>
|
|
|
- <div class="huan">
|
|
|
- 换一换
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="zhong">
|
|
|
- <div class="mokuai1">
|
|
|
- <div class="top">开幕!</div>
|
|
|
- <div class="center">
|
|
|
- <div class="left">2022-10-16</div>
|
|
|
- <div class="right">
|
|
|
- <img src="images/ef-redian-gongju.png"></img>
|
|
|
- <p>10w+</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="border"></div>
|
|
|
- <div class="bottom">
|
|
|
- <img class="left" src="images/logo-zf.png"></img>
|
|
|
- <div class="center">重庆市南岸区人民政府</div>
|
|
|
- <img class="right" src="images/erweima.png"></img>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="mokuai1">
|
|
|
- <div class="top">重庆日报”党的二十大特别报道”|许洪斌:大力实施科教兴区、人才强区行动</div>
|
|
|
- <div class="center">
|
|
|
- <div class="left">2022-10-16</div>
|
|
|
- <div class="right">
|
|
|
- <img src="images/ef-redian-gongju.png"></img>
|
|
|
- <p>10w+</p>
|
|
|
- </div>
|
|
|
+ <div class="title" style="background-image: url(images/line2.png);">
|
|
|
+ 南岸发布
|
|
|
</div>
|
|
|
- <div class="bottom">
|
|
|
- <img class="left" src="images/logo-zcstc.png"></img>
|
|
|
- <div class="center">广阳湾智创生态城</div>
|
|
|
- <img class="right" src="images/erweima.png"></img>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="mokuai1">
|
|
|
- <div class="top">开幕!</div>
|
|
|
- <div class="center">
|
|
|
- <div class="left">2022-10-16</div>
|
|
|
- <div class="right">
|
|
|
- <img src="images/ef-redian-gongju.png"></img>
|
|
|
- <p>10w+</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="bottom">
|
|
|
- <img class="left" src="images/logo-nawl.png"></img>
|
|
|
- <div class="center">南岸文旅</div>
|
|
|
- <img class="right" src="images/erweima.png"></img>
|
|
|
+ <div class="time">
|
|
|
+ <div id="time"
|
|
|
+ style="width: 105px;height:100%;position: absolute;display: flex;align-items: center;padding-left: 60px;">
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <img src="images/logo-rl.png" alt="" class="logo">
|
|
|
+ <img src="images/arrow.png" alt="" class="arrow">
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="mokuai1">
|
|
|
- <div class="top">开幕!</div>
|
|
|
- <div class="center">
|
|
|
- <div class="left">2022-10-16</div>
|
|
|
- <div class="right">
|
|
|
- <img src="images/ef-redian-gongju.png"></img>
|
|
|
- <p>10w+</p>
|
|
|
- </div>
|
|
|
+ <div class="message" style="padding: 2px 23px;">
|
|
|
+ <ul class="datali"></ul>
|
|
|
</div>
|
|
|
- <div class="bottom">
|
|
|
- <img class="left" src="images/logo-najkws.png"></img>
|
|
|
- <div class="center">南岸健康卫士</div>
|
|
|
- <img class="right" src="images/erweima.png"></img>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div class="cont-width second">
|
|
|
+ <div class="recommended">
|
|
|
+ <div class="title" style="background-image: url(images/recommended.png);">热点推荐</div>
|
|
|
+ <div class="shuaxin">
|
|
|
+ <i class="iconfont "></i>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="codeBig code2" style="display: none;position: absolute;z-index: 11;">
|
|
|
- <div style="font-weight: bold;">南岸健康卫士</div>
|
|
|
- <img src="images/code-big.png" alt="">
|
|
|
- <div style="display: flex;align-items: center;">
|
|
|
- <div class="line"></div>
|
|
|
- <div>扫码关注</div>
|
|
|
- <div class="line"></div>
|
|
|
+ <div class="huan">
|
|
|
+ 换一换
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="cont-width third">
|
|
|
- <ul class="top">
|
|
|
- <li class="click"><img src="images/weixin.png" alt=""><span>微信公共号</span></li>
|
|
|
- <li><img src="images/toutiao2.png" alt=""><span>今日头条</span></li>
|
|
|
- </ul>
|
|
|
- <div class="list">
|
|
|
- <div style="width: 697px;position: relative;">
|
|
|
- <ul class="banner">
|
|
|
- <li class="click">南岸区</li>
|
|
|
- <li>各区县政府</li>
|
|
|
- <li>巿级部门</li>
|
|
|
- </ul>
|
|
|
- <ul class="item">
|
|
|
- <li class="click">
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
- </div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
- </div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
- </div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
- </div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
- </div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
- </div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
- </div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
+ <div class="zhong">
|
|
|
+ <div class="mokuai1">
|
|
|
+ <div class="top">开幕!</div>
|
|
|
+ <div class="center">
|
|
|
+ <div class="left">2022-10-16</div>
|
|
|
+ <div class="right">
|
|
|
+ <img src="images/ef-redian-gongju.png"></img>
|
|
|
+ <p>10w+</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
+ <div class="border"></div>
|
|
|
+ <div class="bottom">
|
|
|
+ <img class="left" src="images/logo-zf.png"></img>
|
|
|
+ <div class="center">重庆市南岸区人民政府</div>
|
|
|
+ <img class="right" src="images/erweima.png"></img>
|
|
|
</div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div class="message">
|
|
|
- <div style="background-image: url(images/m.jpg);" alt="" class="img">
|
|
|
- 开幕！
|
|
|
- </div>
|
|
|
- <ul>
|
|
|
- <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
- <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
- <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
- </ul>
|
|
|
- <div class="arrow"></div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div style="width: 697px;">
|
|
|
- <ul class="banner">
|
|
|
- <li style="background: #fff;"></li>
|
|
|
- <li style="background: #fff;"></li>
|
|
|
- <li style="background: #fff;"></li>
|
|
|
- </ul>
|
|
|
- <ul class="item">
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
- </div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
+ <div class="mokuai1">
|
|
|
+ <div class="top">重庆日报”党的二十大特别报道”|许洪斌:大力实施科教兴区、人才强区行动</div>
|
|
|
+ <div class="center">
|
|
|
+ <div class="left">2022-10-16</div>
|
|
|
+ <div class="right">
|
|
|
+ <img src="images/ef-redian-gongju.png"></img>
|
|
|
+ <p>10w+</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
+ <div class="bottom">
|
|
|
+ <img class="left" src="images/logo-zcstc.png"></img>
|
|
|
+ <div class="center">广阳湾智创生态城</div>
|
|
|
+ <img class="right" src="images/erweima.png"></img>
|
|
|
</div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <div class="mokuai1">
|
|
|
+ <div class="top">开幕!</div>
|
|
|
+ <div class="center">
|
|
|
+ <div class="left">2022-10-16</div>
|
|
|
+ <div class="right">
|
|
|
+ <img src="images/ef-redian-gongju.png"></img>
|
|
|
+ <p>10w+</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
+ <div class="bottom">
|
|
|
+ <img class="left" src="images/logo-nawl.png"></img>
|
|
|
+ <div class="center">南岸文旅</div>
|
|
|
+ <img class="right" src="images/erweima.png"></img>
|
|
|
</div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <div class="mokuai1">
|
|
|
+ <div class="top">开幕!</div>
|
|
|
+ <div class="center">
|
|
|
+ <div class="left">2022-10-16</div>
|
|
|
+ <div class="right">
|
|
|
+ <img src="images/ef-redian-gongju.png"></img>
|
|
|
+ <p>10w+</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
+ <div class="bottom">
|
|
|
+ <img class="left" src="images/logo-najkws.png"></img>
|
|
|
+ <div class="center">南岸健康卫士</div>
|
|
|
+ <img class="right" src="images/erweima.png"></img>
|
|
|
</div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <div class="codeBig code2" style="display: none;position: absolute;z-index: 11;">
|
|
|
+ <div style="font-weight: bold;">南岸健康卫士</div>
|
|
|
+ <img src="images/code-big.png" alt="">
|
|
|
+ <div style="display: flex;align-items: center;">
|
|
|
+ <div class="line"></div>
|
|
|
+ <div>扫码关注</div>
|
|
|
+ <div class="line"></div>
|
|
|
</div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
- <div class="name">
|
|
|
- <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
- <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div class="cont-width third">
|
|
|
+ <ul class="top">
|
|
|
+ <li class="click"><img src="images/weixin.png" alt=""><span>微信公共号</span></li>
|
|
|
+ <li><img src="images/toutiao2.png" alt=""><span>今日头条</span></li>
|
|
|
+ </ul>
|
|
|
+ <div class="list">
|
|
|
+ <div style="width: 697px;position: relative;">
|
|
|
+ <ul class="banner">
|
|
|
+ <li class="click">南岸区</li>
|
|
|
+ <li>各区县政府</li>
|
|
|
+ <li>巿级部门</li>
|
|
|
+ </ul>
|
|
|
+ <ul class="item">
|
|
|
+ <li class="click">
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="message">
|
|
|
+ <div style="background-image: url(images/m.jpg);" alt="" class="img">
|
|
|
+ 开幕！
|
|
|
+ </div>
|
|
|
+ <ul>
|
|
|
+ <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
+ <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
+ <li><span>二十大报告金句</span><img src="images/g.png" alt=""></li>
|
|
|
+ </ul>
|
|
|
+ <div class="arrow"></div>
|
|
|
</div>
|
|
|
- <img src="images/erweima.png" alt="" class="code">
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div style="width: 697px;">
|
|
|
+ <ul class="banner">
|
|
|
+ <li style="background: #fff;"></li>
|
|
|
+ <li style="background: #fff;"></li>
|
|
|
+ <li style="background: #fff;"></li>
|
|
|
+ </ul>
|
|
|
+ <ul class="item">
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="images/logo-zf.png" alt="" class="logo">
|
|
|
+ <div class="name">
|
|
|
+ <span>重</span><span>庆</span><span>市</span><span>南</span><span>岸</span><span>区</span><span>人</span>民<span></span>
|
|
|
+ <span>政</span><span>府</span>
|
|
|
+ </div>
|
|
|
+ <img src="images/erweima.png" alt="" class="code">
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="cont-width four">
|
|
|
+</div>
|
|
|
+<div class="cont-width four">
|
|
|
<div>
|
|
|
- <div class="title" style="background-image: url(images/senction2.png);width: 1295px;">
|
|
|
- 政务新媒体服务集锦
|
|
|
- </div>
|
|
|
- <ul class="down">
|
|
|
- <li class="one">新冠疫苗预约</li>
|
|
|
- <li class="two">法律服务</li>
|
|
|
- <li class="three">生活缴费</li>
|
|
|
- <li class="four">违规查询</li>
|
|
|
- </ul>
|
|
|
+ <div class="title" style="background-image: url(images/senction2.png);width: 1295px;">
|
|
|
+ 政务新媒体服务集锦
|
|
|
+ </div>
|
|
|
+ <ul class="down">
|
|
|
+ <li class="one">新冠疫苗预约</li>
|
|
|
+ <li class="two">法律服务</li>
|
|
|
+ <li class="three">生活缴费</li>
|
|
|
+ <li class="four">违规查询</li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
|
|
|
- </div>
|
|
|
+</div>
|
|
|
</body>
|
|
|
<script src="layui/layui.all.js"></script>
|
|
|
<script src="js/jquery-3.5.1.min.js"></script>
|
|
|
<script src="js/index.js"></script>
|
|
|
|
|
|
<script>
|
|
|
- // 日历选择时间
|
|
|
- layui.use('laydate', function() {
|
|
|
- var laydate = layui.laydate;
|
|
|
+ // 进入页面调用
|
|
|
+ window.onload = function () {
|
|
|
+ console.log("哈哈哈哈");
|
|
|
+ // 南岸发布今天的数据
|
|
|
+
|
|
|
+ changeDate({date: new Date()}, PATH);
|
|
|
+ };
|
|
|
+ // 日历选择时间
|
|
|
+ layui.use('laydate', function () {
|
|
|
+ var laydate = layui.laydate;
|
|
|
|
|
|
- //执行一个laydate实例
|
|
|
- laydate.render({
|
|
|
- elem: '#time',
|
|
|
- showBottom: false,
|
|
|
- change: function(value, date) {
|
|
|
- console.log(value, '999')
|
|
|
- console.log(date)
|
|
|
- }, done: function(value, date, endDate) {
|
|
|
- changeDate({ date: value }, PATH); // 时间改变获取值
|
|
|
- console.log(value, '88888'); //得到日期生成的值，如：2017-08-18
|
|
|
- console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
|
|
|
- console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
|
|
|
- }
|
|
|
+ //执行一个laydate实例
|
|
|
+ laydate.render({
|
|
|
+ elem: '#time',
|
|
|
+ value: new Date(),
|
|
|
+ showBottom: false,
|
|
|
+ change: function (value, date) {
|
|
|
+ console.log(value, '999')
|
|
|
+ console.log(date)
|
|
|
+ }, done: function (value, date, endDate) {
|
|
|
+ changeDate({date: value}, PATH); // 时间改变获取值
|
|
|
+ console.log(value, '88888'); //得到日期生成的值，如：2017-08-18
|
|
|
+ console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
|
|
|
+ console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
|
|
|
+ }
|
|
|
+ });
|
|
|
});
|
|
|
- });
|
|
|
- $('.first .right .arrow').click(function() {
|
|
|
- var timeInput = $('.first .right .time');
|
|
|
- var logo = $('.first .right .logo');
|
|
|
- // background: #4DA1F6;
|
|
|
- // color: #FFFFFF;
|
|
|
- // logo-rl2.png
|
|
|
- })
|
|
|
+ $('.first .right .arrow').click(function () {
|
|
|
+ var timeInput = $('.first .right .time');
|
|
|
+ var logo = $('.first .right .logo');
|
|
|
+ // background: #4DA1F6;
|
|
|
+ // color: #FFFFFF;
|
|
|
+ // logo-rl2.png
|
|
|
+ })
|
|
|
</script>
|
|
|
<script>
|
|
|
|
|
|
- //
|
|
|
- // 南岸区政务新媒体发布中心的列表点击样式
|
|
|
- var tapsIndex = 1;
|
|
|
- $('.first .list li').click(function() {
|
|
|
- $(this).addClass('click').siblings().removeClass('click');
|
|
|
+ //
|
|
|
+ // 南岸区政务新媒体发布中心的列表点击样式
|
|
|
+ var tapsIndex = 1;
|
|
|
+ $('.first .list li').click(function () {
|
|
|
+ $(this).addClass('click').siblings().removeClass('click');
|
|
|
|
|
|
- var tapsTitleLi = $('.first .list li');
|
|
|
- var tabsArrowli = $('.first .list li .arrow');
|
|
|
- var tapCode = $('.first .list li .code');
|
|
|
- tapsTitleLi.each(function(index) {
|
|
|
- var classStr = $(this).attr('class');
|
|
|
- if (classStr && classStr.indexOf('click') != -1) {
|
|
|
- tapsIndex = index;
|
|
|
- }
|
|
|
- });
|
|
|
+ var tapsTitleLi = $('.first .list li');
|
|
|
+ var tabsArrowli = $('.first .list li .arrow');
|
|
|
+ var tapCode = $('.first .list li .code');
|
|
|
+ tapsTitleLi.each(function (index) {
|
|
|
+ var classStr = $(this).attr('class');
|
|
|
+ if (classStr && classStr.indexOf('click') != -1) {
|
|
|
+ tapsIndex = index;
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
- tabsArrowli.each(function(index) {
|
|
|
- if (tapsIndex == index) {
|
|
|
- $(this).show();
|
|
|
- } else {
|
|
|
- $(this).hide();
|
|
|
- }
|
|
|
- })
|
|
|
- tapCode.each(function(index) {
|
|
|
- if (tapsIndex == index) {
|
|
|
- $(this).attr('src', 'images/code-b.png');
|
|
|
- } else {
|
|
|
- $(this).attr('src', 'images/code-a.png');
|
|
|
- }
|
|
|
+ tabsArrowli.each(function (index) {
|
|
|
+ if (tapsIndex == index) {
|
|
|
+ $(this).show();
|
|
|
+ } else {
|
|
|
+ $(this).hide();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ tapCode.each(function (index) {
|
|
|
+ if (tapsIndex == index) {
|
|
|
+ $(this).attr('src', 'images/code-b.png');
|
|
|
+ } else {
|
|
|
+ $(this).attr('src', 'images/code-a.png');
|
|
|
+ }
|
|
|
+ })
|
|
|
+ var params = {page: 1, limit: 12, name: $(this)[0].innerText};
|
|
|
+ getajaxTop(params, PATH);
|
|
|
})
|
|
|
- var params = { page: 1, limit: 12, name: $(this)[0].innerText };
|
|
|
- getajaxTop(params, PATH);
|
|
|
- })
|
|
|
|
|
|
- // 南岸区政务新媒体发布中心二维码hover事件
|
|
|
- var codeSrc = '';
|
|
|
- $('.first .list li .code').mouseover(function() {
|
|
|
- $(this).addClass('hover');
|
|
|
- var tapsTitleLi = $('.first .list li .code');
|
|
|
- tapsTitleLi.each(function(index) {
|
|
|
- var classStr = $(this).attr('class');
|
|
|
- if (classStr && classStr.indexOf('hover') != -1) {
|
|
|
- $('.code1').css('top', (index * 75) + 'px')
|
|
|
- }
|
|
|
- });
|
|
|
- codeSrc = $(this)[0].src;
|
|
|
- $('.code1').css('display', 'flex')
|
|
|
- if ($(this)[0].src.indexOf('code-c.png') != -1) {
|
|
|
- $(this).attr('src', 'images/code-a.png');
|
|
|
- } else {
|
|
|
- $(this).attr('src', 'images/code-c.png');
|
|
|
- }
|
|
|
- })
|
|
|
- $('.first .list li .code').mouseout(function() {
|
|
|
- $(this).attr('src', codeSrc);
|
|
|
- $('.code1').css('display', 'none')
|
|
|
- $(this).removeClass('hover');
|
|
|
- })
|
|
|
+ // 南岸区政务新媒体发布中心二维码hover事件
|
|
|
+ var codeSrc = '';
|
|
|
+ $('.first .list li .code').mouseover(function () {
|
|
|
+ $(this).addClass('hover');
|
|
|
+ var tapsTitleLi = $('.first .list li .code');
|
|
|
+ tapsTitleLi.each(function (index) {
|
|
|
+ var classStr = $(this).attr('class');
|
|
|
+ if (classStr && classStr.indexOf('hover') != -1) {
|
|
|
+ $('.code1').css('top', (index * 75) + 'px')
|
|
|
+ }
|
|
|
+ });
|
|
|
+ codeSrc = $(this)[0].src;
|
|
|
+ $('.code1').css('display', 'flex')
|
|
|
+ if ($(this)[0].src.indexOf('code-c.png') != -1) {
|
|
|
+ $(this).attr('src', 'images/code-a.png');
|
|
|
+ } else {
|
|
|
+ $(this).attr('src', 'images/code-c.png');
|
|
|
+ }
|
|
|
+ })
|
|
|
+ $('.first .list li .code').mouseout(function () {
|
|
|
+ $(this).attr('src', codeSrc);
|
|
|
+ $('.code1').css('display', 'none')
|
|
|
+ $(this).removeClass('hover');
|
|
|
+ })
|
|
|
|
|
|
- // 热点推荐二维码hover事件
|
|
|
- $('.second .bottom .right').mouseover(function() {
|
|
|
- $(this).addClass('hover');
|
|
|
- var tapsTitleLi = $('.second .bottom .right');
|
|
|
- tapsTitleLi.each(function(index) {
|
|
|
- var classStr = $(this).attr('class');
|
|
|
- if (classStr && classStr.indexOf('hover') != -1) {
|
|
|
- $('.code2').css('left', ((index + 1) * 320) + 'px')
|
|
|
- }
|
|
|
- });
|
|
|
- $('.code2').css('display', 'flex')
|
|
|
- if ($(this)[0].src.indexOf('erweima.png') != -1) {
|
|
|
- $(this).attr('src', 'images/erweima1.png');
|
|
|
- } else {
|
|
|
- $(this).attr('src', 'images/erweima.png');
|
|
|
- }
|
|
|
- })
|
|
|
- $('.second .bottom .right').mouseout(function() {
|
|
|
- $('.code2').css('display', 'none')
|
|
|
- $(this).attr('src', 'images/erweima.png');
|
|
|
- $(this).removeClass('hover');
|
|
|
- })
|
|
|
+ // 热点推荐二维码hover事件
|
|
|
+ $('.second .bottom .right').mouseover(function () {
|
|
|
+ $(this).addClass('hover');
|
|
|
+ var tapsTitleLi = $('.second .bottom .right');
|
|
|
+ tapsTitleLi.each(function (index) {
|
|
|
+ var classStr = $(this).attr('class');
|
|
|
+ if (classStr && classStr.indexOf('hover') != -1) {
|
|
|
+ $('.code2').css('left', ((index + 1) * 320) + 'px')
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $('.code2').css('display', 'flex')
|
|
|
+ if ($(this)[0].src.indexOf('erweima.png') != -1) {
|
|
|
+ $(this).attr('src', 'images/erweima1.png');
|
|
|
+ } else {
|
|
|
+ $(this).attr('src', 'images/erweima.png');
|
|
|
+ }
|
|
|
+ })
|
|
|
+ $('.second .bottom .right').mouseout(function () {
|
|
|
+ $('.code2').css('display', 'none')
|
|
|
+ $(this).attr('src', 'images/erweima.png');
|
|
|
+ $(this).removeClass('hover');
|
|
|
+ })
|
|
|
|
|
|
|
|
|
</script>
|
wrh