| 标签 | 内容 | 内容长度 | 优化建议 |
|---|---|---|---|
| 网页标题（Title） | 长沙医学院 | 5 个字符 | 标题字符数量在合理范围 |
| 网页关键词（KeyWords） | 长沙医学院,长沙医学院门户网站,门户,医学院,长沙医学,Changsha Medical University | 55 个字符 | 关键字数在合理范围 |
| 内容描述（Description） | 长沙医学院 - Changsha Medical University，长沙医学院座落在历史文化名城长沙，依湘江之畔，临岳麓书院...联系电话: 0731-88602602, 招生咨询：0731-82858888，邮编：410219，地址：长沙市望城区雷锋大道1501号。 | 137 个字符 | 描述内容长度在合理范围 |
| 检测时间 | 2024-12-24 00:42:48 |
| 服务器IP | 58.20.60.39 |
| 返回状态码 | 200 |
| 网页返回HEAD信息 | HTTP/1.1 301 Moved Permanently Server: nginx Date: Mon, 23 Dec 2024 16:42:56 GMT Content-Type: text/html Content-Length: 162 Connection: keep-alive Location: https://www.csmu.edu.cn/ HTTP/1.1 200 OK Server: nginx Date: Mon, 23 Dec 2024 16:42:57 GMT Content-Type: text/html Content-Length: 79925 Connection: keep-alive Last-Modified: Mon, 02 Dec 2024 03:10:31 GMT Vary: Accept-Encoding ETag: "674d2527-13835" Accept-Ranges: bytes X-Content-Type-Options: nosniff Strict-Transport-Security: max-age=16070400 X-Frame-Options: SAMEORIGIN X-XSS-Protection: 1; mode=block Referrer-Policy: no-referrer |
<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible"/>
<meta content="webkit" name="renderer"/>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
name="viewport"/>
<link rel="shortcut icon" href="images/fav.ico"/>
<meta content="telephone=no" name="format-detection"/>
<title>长沙医学院</title>
<!-- <META Content="长沙医学院" Name="keywords"/>-->
<meta name="description" content="长沙医学院 - Changsha Medical University，长沙医学院座落在历史文化名城长沙，依湘江之畔，临岳麓书院...联系电话: 0731-88602602, 招生咨询：0731-82858888，邮编：410219，地址：长沙市望城区雷锋大道1501号。 " />
<meta name="keywords" content="长沙医学院,长沙医学院门户网站,门户,医学院,长沙医学,Changsha Medical University" />
<!-- <meta content="" name="description"/>
-->
<link href="css/main.css" rel="stylesheet"/>
<link href="css/media.css" rel="stylesheet"/>
<link href="css/news.css" rel="stylesheet"/>
<script src="js/bd.js"></script>
<script src="js/lib.js"></script>
<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
<script src="js/config.js"></script>
<script src="js/selectivizr.js" type="text/javascript"></script>
<script>
function adjustIframeHeight() {
var iframe = document.getElementById('footerFrame');
if (iframe) {
iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
}
}
</script>
<style>
#layeru88 {
z-index: 4 !important;
left: 0;
right: auto;
}
#adu0 {
z-index: 9999 !important;
}
@media only screen and (max-width: 767px) {
#adu0 img {
width: 80px;
height: 138px;
background-size: 100%;
}
}
</style>
<script language="JavaScript">
function imgClose(id) {
document.getElementById(id).style.display = 'none';
}
</script>
<head><!--Announced by Visual SiteBuilder 9-->
<link href="_sitegray/_sitegray_d.css" rel="stylesheet" type="text/css"/>
<script language="javascript" src="_sitegray/_sitegray.js"></script>
<!-- CustomerNO:7765626265723230747a475c52505742000000004055 -->
<link href="index.vsb.css" rel="stylesheet" type="text/css"/>
<script src="system/resource/js/counter.js" type="text/javascript"></script>
<script type="text/javascript">_jsq_(1004, '/index.jsp', -1, 1681206034)</script>
</head>
</head>
<body class="index">
<script language="javascript" src="system/resource/js/dynclicks.js"></script>
<div class="fright" style="z-index: 4 !important; left: 0; right: auto;">
<br>
<SCRIPT language="JavaScript">
self.onError = null;
lastScrollXu1 = 0;
lastScrollYu1 = 0;
NS = (document.layeru1) ? 1 : 0;
IE = (document.all) ? 1 : 0;
FF = (document.getBoxObjectFor) ? 1 : 0;
lastScrollX2u1 = 0;
lastScrollY2u1 = 0;
NS = (document.layer2u1) ? 1 : 0;
IE = (document.all) ? 1 : 0;
FF = (document.getBoxObjectFor) ? 1 : 0;
function moveu1() {
try {
diffYu1 = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
diffXu1 = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;
if (diffYu1 !== lastScrollYu1) {
percent = .1 * (diffYu1 - lastScrollYu1);
if (percent > 0)
percent = Math.ceil(percent);
else
percent = Math.floor(percent);
document.getElementById("layeru1").style.top = parseInt(document.getElementById("layeru1").style.top) + percent + "px";
lastScrollYu1 = lastScrollYu1 + percent;
}
if (diffXu1 !== lastScrollXu1) {
percent = .1 * (diffXu1 - lastScrollXu1);
if (percent > 0)
percent = Math.ceil(percent);
else
percent = Math.floor(percent);
document.getElementById("layeru1").style.left += percent;
lastScrollXu1 = lastScrollXu1 + percent;
}
} catch (e) {
}
}
action = window.setInterval('moveu1()', 1);
function move2u1() {
try {
diffY2u1 = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
diffX2u1 = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;
if (diffY2u1 !== lastScrollY2u1) {
percent = .1 * (diffY2u1 - lastScrollY2u1);
if (percent > 0)
percent = Math.ceil(percent);
else
percent = Math.floor(percent);
document.getElementById("layer2u1").style.top = parseInt(document.getElementById("layer2u1").style.top) + percent + "px";
lastScrollY2u1 = lastScrollY2u1 + percent;
}
if (diffX2u1 !== lastScrollX2u1) {
percent = .1 * (diffX2u1 - lastScrollX2u1);
if (percent > 0)
percent = Math.ceil(percent);
else
percent = Math.floor(percent);
document.getElementById("layer2u1").style.right += percent;
lastScrollX2u1 = lastScrollX2u1 + percent;
}
} catch (e) {
}
}
action = window.setInterval('move2u1()', 1);
</SCRIPT>
<SCRIPT language="JavaScript">
function imageCloseu1(id, id2) {
document.getElementById(id).style.display = 'none';
document.getElementById(id2).style.display = 'none';
}
</SCRIPT>
<DIV id="layeru1" style="Z-INDEX:2;left:0px;POSITION:absolute; TOP:0px">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
</tr>
</table>
</div>
<DIV id="layer2u1" style="Z-INDEX:2;right:0px;POSITION:absolute; TOP:0px">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
</tr>
</table>
</div>
</div>
<div class="fright" id="layeru88">
</div>
<!--移动端顶部内容-->
<!--<div style="height: 120px;background-color: #2E59A7;text-align: center" class="mobile-logo">-->
<!-- <a href="index.html" title=""><img alt="" src="images/1572198808_logo_img.png" style="height: 80"></a>-->
<!--</div>-->
<div class="banner">
<div class="topSlider">
</div>
<script type="text/javascript">
$(function () {
$.ajax({
url: picListUrl,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var html = '';
for (var i = 0; i < data.length; i++) {
html += '<div class="slick-slide">';
html += '<a href="javascript:void(0);" class="pic" style="background-image: url(' + picUrl + data[i].url + ');">';
html += '</a>';
html += '</div>';
}
$('.banner .topSlider').slick('unslick');
$('.topSlider').html(html);
$('.banner .topSlider').slick({
dots: true,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear',
autoplay: true,
autoplaySpeed: 5000,
arrows: false
});
},
error: function (err) {
}
})
});
</script>
</div>
<!-- 头部 -->
<div class="header">
<div class="soBox" id="ss_pc">
<div class="so">
<script type="text/javascript">
function _nl_ys_check_pc() {
var keyword = document.getElementById('showkeycode270842').value;
if (keyword.trim() == null || keyword.trim() === "") {
alert("请输入你要检索的内容！");
return false;
}
return true;
}
</script>
<form action="searchResult.html" id="au3a" method="get"
onsubmit="return _nl_ys_check_pc()" style="display: inline">
<input class="inp" name="searchContent" style="color:#fff;" type="text"/>
<input class="sub-btn" src="images/i-so.png" type="image"/>
</form>
<script language="javascript" src="system/resource/js/base64.js"></script>
<script language="javascript" src="system/resource/js/formfunc.js"></script>
</div>
<div class="so qm">
<script type="text/javascript">
function _nl_ys_check() {
var keyword = document.getElementById('showkeycode271198').value;
if (keyword == null || keyword === "") {
alert("请输入你要检索的内容！");
return false;
}
return true;
}
</script>
<form action="searchResult.html" id="au4a" method="get"
onsubmit="return _nl_ys_check()" style="display: inline">
<input class="inp" name="searchContent" type="text"/>
<input class="sub-btn" type="submit" value="搜索">
</form>
</div>
<a class="close" href="javascript:"></a>
</div>
<a class="so-btn" href="javascript:void(0);"></a>
<span class="menuBtn"></span>
<div class="mobile-menu" style="">
<div class="db-lianjie" style="width: 100%; overflow: hidden;">
<div class="span1" >
<a href="jg1.html"><img src="images/1572601274_classify_img.png" class="w100"></a>
</div>
<div class="span2" >
<a href="jg2.html"><img src="images/1572601293_classify_img.png" class="w100"></a>
</div>
<div style="clear: both;"></div>
</div>
</div>
<div class="wp">
<div class="top fix">
</div>
<div class="logo qm">
<!-- 网站logo图片地址请在本组件"内容配置-网站logo"处填写 -->
<a href="index.html">
<img alt="" class="img1" src="images/logo.png">
<img alt="" class="img2" src="images/1572198808_logo_img.png">
</a>
</div>
<div class="nv fix">
<div class="nav nv-l">
<ul>
<li>
<div class="v1"><a href="zjcy.html">学校概况</a><i></i></div>
<div class="sub clearfix dh2">
<dl class="clearfix" id="top-l-menu3">
<dd><a href="#"><i></i>学校简介</a></dd>
</dl>
<div class="navpic"><a href=""><img alt="" src="images/navpic.jpg"></a></div>
</div>
</li>
<li>
<div class="v1"><a href="jg1.html">教学机构</a><i></i></div>
<div class="sub clearfix dh3">
<dl class="clearfix" id="top-l-menu4">
</dl>
<div class="navpic"><a href=""><img alt="" src="images/navpic3.jpg"></a></div>
</div>
</li>
<li>
<div class="v1"><a href="jg2.html">党政机构</a><i></i></div>
<div class="sub clearfix dh4">
<dl class="clearfix" id="top-l-menu5">
</dl>
<div class="navpic"><a href=""><img alt="" src="images/navpic4.jpg"></a></div>
</div>
</li>
<li>
<div class="v1"><a href="https://jwc.csmu.edu.cn/">教育教学</a><i></i></div>
<div class="sub clearfix dh5">
<dl class="clearfix" id="top-l-menu6">
</dl>
<div class="navpic"><a href=""><img alt="" src="images/navpic5.jpg"></a></div>
</div>
</li>
<li>
<div class="v1"><a href="https://shpg.csmu.edu.cn/">审核评估</a><i></i></div>
<div class="sub clearfix dh10">
<dl class="clearfix" id="top-l-menu12">
</dl>
<div class="navpic"><a href=""><img alt="" width="200" height="160" src="images/navpic11.jpg"></a></div>
</div>
</li>
</ul>
</div>
<div class="nav nv-r">
<ul>
<li>
<div class="v1"><a href="https://kyc.csmu.edu.cn/" target="_blank">科学研究</a><i></i></div>
<div class="sub clearfix dh10">
<dl class="clearfix" id="top-l-menu11">
</dl>
<div class="navpic"><a href=""><img alt="" width="200" height="160" src="images/navpic10.jpg"></a></div>
</div>
</li>
<li>
<div class="v1"><a href="https://zs.csmu.edu.cn/" target="_blank">招生工作</a><i></i></div>
<div class="sub clearfix dh6">
<dl class="clearfix" id="top-l-menu7">
</dl>
<div class="navpic"><a href=""><img alt="" src="images/navpic6.jpg"></a></div>
</div>
</li>
<li>
<div class="v1"><a href="http://jiuye.csmu.edu.cn/">就业工作</a><i></i></div>
<div class="sub clearfix dh7">
<dl class="clearfix" id="top-l-menu8">
</dl>
<div class="navpic"><a href=""><img alt="" src="images/navpic7.jpg"></a></div>
</div>
</li>
<li>
<div class="v1"><a href="https://zzrsc.csmu.edu.cn" target="_blank">人才招聘</a><i></i>
<div class="sub clearfix dh8">
<dl class="clearfix" id="top-l-menu9">
</dl>
<div class="navpic"><a href=""><img alt="" src="images/navpic8.jpg"></a></div>
</div>
</div>
</li>
<li>
<div class="v1"><a href="https://gjyyxy.csmu.edu.cn/">对外交流</a><i></i></div>
<div class="sub clearfix dh9">
<dl class="clearfix" id="top-l-menu10">
</dl>
<div class="navpic"><a href=""><img alt="" src="images/navpic9.jpg"></a></div>
</div>
</li>
</ul>
</div>
</div>
<div class="logo">
<!-- 网站logo图片地址请在本组件"内容配置-网站logo"处填写 -->
<a href="#">
<img alt="" class="img1" src="images/logo.png">
</a>
</div>
<div class="nv nav-m">
<div class="cont">
<div class="hd-t">
<div class="lg" style="background: #0a6cd3"><a href=""><img alt=""
src="images/1572198808_logo_img.png"/></a>
</div>
<div class="rr">
<a href="#" title="" id="rr_click">
<i style="background-image: url(images/iconq3.png);"></i>
</a>
</div>
<script>
document.getElementById("rr_click").addEventListener("click", function(event) {
event.preventDefault(); // 阻止默认链接行为
myFunction(); // 调用JavaScript函数
});
function myFunction() {
$('.nav-m').stop().slideUp();
}
</script>
</div>
<ul class="nav">
<li>
<div class="v1">
<a href="zjcy.html" title="学校概况">学校概况</a>
</div>
</li>
<li>
<div class="v1">
<a href=jg1.html" title="教育教学">教学机构</a>
</div>
</li>
<li>
<div class="v1">
<a href="jg2.html" title="党政机构">党政机构</a>
</div>
</li>
<li>
<div class="v1">
<a href="https://jwc.csmu.edu.cn/" target="_blank" title="教育教学">教育教学</a>
</div>
</li>
<li>
<div class="v1">
<a href="https://shpg.csmu.edu.cn/" target="_blank" title="审核评估">审核评估</a>
</div>
</li>
<li>
<div class="v1">
<a href="https://kyc.csmu.edu.cn/" title="科学研究">科学研究</a>
</div>
</li>
<li>
<div class="v1">
<a href="https://zs.csmu.edu.cn/" title="招生工作">招生工作</a>
</div>
</li>
<li>
<div class="v1">
<a href="http://jiuye.csmu.edu.cn/" title="就业工作">就业工作</a>
</div>
</li>
<li>
<div class="v1">
<a href="https://zzrsc.csmu.edu.cn" title="人才招聘">人才招聘</a>
</div>
</li>
<li>
<div class="v1">
<a href="https://gjyyxy.csmu.edu.cn/" title="对外交流">对外交流</a>
</div>
</li>
</ul>
</div>
</div>
<!-- 请求网络的地方 -->
<script type="text/javascript">
$(function () {
$.ajax({
url: topMenu,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var resultData = data[0].children;
//学校概况
var html3 = '';
//教学机构
var html4 = '';
//党政机构
var html5 = '';
//教育教学
var html6 = '';
//招生工作
var html7 = '';
//就业工作
var html8 = '';
//人才招聘
var html9 = '';
//对外交流
var html10 = '';
//科学研究
var html11 = '';
//审核评估
var html12 = '';
for (var i = 0; i < resultData.length; i++) {
if (resultData[i].id == '1') {
var children = resultData[i].children;
for (var j = 0; j < children.length; j++) {
if(children[j].name === '现任领导'){
html3 += '<dd><a href="zjcyrw.html?id=14&name=现任领导"><i></i>' + children[j].name + '</a></dd>';
}else{
html3 += '<dd><a href="' + children[j].cateLink + '" title="' + children[j].name + '"><i></i>' + children[j].name + '</a></dd>';
}
}
$('#top-l-menu3').html(html3);
} else if (resultData[i].id == '51') {
var children = resultData[i].children;
for (var j = 0; j < children.length; j++) {
html4 += '<dd><a href="' + children[j].link + '" title="' + children[j].name + '"><i></i>' + children[j].name + '</a></dd>';
}
$('#top-l-menu4').html(html4);
} else if (resultData[i].id === '70') {
var children = resultData[i].children;
for (var j = 0; j < children.length; j++) {
html5 += '<dd><a href="' + children[j].link + '" title="' + children[j].name + '"><i></i>' + children[j].name + '</a></dd>';
}
$('#top-l-menu5').html(html5);
} else if (resultData[i].id == '2') {
var children = resultData[i].children;
for (var j = 0; j < children.length; j++) {
html6 += '<dd><a href="' + children[j].link + '" title="' + children[j].name + '"><i></i>' + children[j].name + '</a></dd>';
}
$('#top-l-menu6').html(html6);
} else if (resultData[i].id == '11') {
var children = resultData[i].children;
for (var j = 0; j < children.length; j++) {
html7 += '<dd><a href="' + children[j].link + '" title="' + children[j].name + '"><i></i>' + children[j].name + '</a></dd>';
}
$('#top-l-menu7').html(html7);
} else if (resultData[i].id == '13') {
var children = resultData[i].children;
for (var j = 0; j < children.length; j++) {
html8 += '<dd><a href="' + children[j].link + '" title="' + children[j].name + '"><i></i>' + children[j].name + '</a></dd>';
}
$('#top-l-menu8').html(html8);
} else if (resultData[i].id == '12') {
var children = resultData[i].children;
for (var j = 0; j < children.length; j++) {
html9 += '<dd><a href="' + children[j].link + '" title="' + children[j].name + '"><i></i>' + children[j].name + '</a></dd>';
}
$('#top-l-menu9').html(html9);
} else if (resultData[i].id == '1714570573503283201') {
var children = resultData[i].children;
for (var j = 0; j < children.length; j++) {
html10 += '<dd><a href="' + children[j].link + '" title="' + children[j].name + '"><i></i>' + children[j].name + '</a></dd>';
}
$('#top-l-menu10').html(html10);
} else if (resultData[i].id == '1803693829304479745') {
var children = resultData[i].children;
for (var j = 0; j < children.length; j++) {
html11 += '<dd><a href="' + children[j].link + '" title="' + children[j].name + '"><i></i>' + children[j].name + '</a></dd>';
}
$('#top-l-menu11').html(html11);
} else if (resultData[i].id == '1856230090304778241') {
var children = resultData[i].children;
for (var j = 0; j < children.length; j++) {
html12 += '<dd><a href="' + children[j].link + '" title="' + children[j].name + '"><i></i>' + children[j].name + '</a></dd>';
}
$('#top-l-menu12').html(html12);
}
}
//html12 += '<dd><a href="https://shpg.csmu.edu.cn"><i></i>审核评估</a></dd>'
//$('#top-l-menu12').html(html12);
},
error: function (err) {
}
})
});
</script>
</div>
</div>
<!-- 仅在移动端展示 -->
<div class="mobile-top" style="height: 100px; background-color: #f4f4f4">
<div class="button">
<a href="speciallist.html">
<img src="images/mobile_menu2.png">
</a>
</div>
<div class="button">
<a href="https://zs.csmu.edu.cn/">
<img src="images/mobile_menu3.png">
</a>
</div>
<div class="button">
<!-- <a href="https://zs.csmu.edu.cn/">-->
<!-- <img src="images/mobile_menu3.png">-->
</a>
</div>
<div class="button">
<a href="https://zzrsc.csmu.edu.cn">
<img src="images/mobile_menu1.png">
</a>
</div>
<div class="button">
<a href="https://jiuye.csmu.edu.cn/">
<img src="images/mobile_menu4.png">
</a>
</div>
</div>
<!-- 内容 -->
<div class="main">
<!-- 长医要闻 -->
<div class="row-a1" style="background-image: url(images/bg-q1.jpg);">
<div class="wp">
<div class="g-tit1 wow fadeInUp">
<a class="more" href="newslist.html" target="_blank"><i></i>更多</a>
<div class="soBox1" id="ss_pc" style="display: none;">
<div class="so">
<script type="text/javascript">
function _nl_ys_check_pc() {
var keyword = document.getElementById('showkeycode270842').value;
if (keyword.trim() == null || keyword.trim() === "") {
alert("请输入你要检索的内容！");
return false;
}
return true;
}
</script>
<form action="searchResult.html" id="au3a" method="get" onsubmit="return _nl_ys_check_pc()" style="display: inline">
<input class="inp1" name="searchContent" style="color:#2E59A7;margin-top: -20px;" type="text">
<input class="sub-btn1" src="images/i-so.png" type="image">
</form>
<script language="javascript" src="system/resource/js/base64.js"></script>
<script language="javascript" src="system/resource/js/formfunc.js"></script>
</div>
<a class="close1" href="javascript:"></a>
</div>
<a class="so-btn1" href="javascript:void(0);" style="float: right;"></a>
<a class="more more2" href="newslist.html"><i></i></a>
<h3>长医要闻</h3>
</div>
<div class="box">
<div class="m-picTxt1 wow fadeInUp" data-wow-delay="0s" data-wow-duration=".5s">
<script language="javascript" src="system/resource/js/centerCutImg.js"></script>
<script language="javascript" src="system/resource/js/ajax.js"></script>
<div class="slider">
</div>
<script type="text/javascript">
$(function () {
$.ajax({
url: cyywPicList,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var html = '';
for (var i = 0; i < data.length; i++) {
html += '<div class="item">';
html += '<a href="newscontent.html?id=' + data[i].id + '"target="_blank" class="con">';
html += '<div class="pic">';
html += '<img alt="" src="' + picUrl + data[i].picUrl + '">';
html += '</div>';
html += '<div class="txt" style=" white-space: nowrap;overflow: hidden; text-overflow: ellipsis;">';
html += '<h3 style="text-overflow:ellipsis;">' + data[i].title + '</h3>';
html += '<span>' + data[i].publicTime + '</span>';
html += '</div>';
html += '</a>';
html += '</div>';
}
$('.m-picTxt1 .slider').slick('unslick');
$('.m-picTxt1 .slider').html(html);
$('.m-picTxt1 .slider').slick({
dots: true,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear',
autoplay: true,
autoplaySpeed: 10000,
arrows: false
});
},
error: function (err) {
}
})
});
</script>
<script>_showDynClickBatch(['dynclicks_u21_6840', 'dynclicks_u21_6709', 'dynclicks_u21_6708', 'dynclicks_u21_6427'], [6840, 6709, 6708, 6427], "wbnews", 1681206034)</script>
</div>
<ul class="p-list1 wow fadeInUp" data-wow-delay=".3s" data-wow-duration=".5s">
<li class="li1">
</li>
<script type="text/javascript">
$(function () {
$.ajax({
url: cyywPicList,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var html = '';
var count = 0;
if (data.length > 8) {
count = 8;
} else {
count = data.length;
}
for (let i = 0; i < count; i++) {
html += '<li class="li1">';
html += '<a href="newscontent.html?id=' + data[i].id + '"target="_blank" class="con">';
html += '<h3>' + data[i].title + '</h3>';
html += '<span class="date"><img alt="" src="images/img5.png">' + data[i].publicTime + '</span>';
html += '</a>';
html += '</li>';
}
$('.p-list1').html(html);
},
error: function (err) {
var data = ['images/banner/1688283219_banner_img.jpg', 'images/banner/1688285074_banner_img.jpg', 'images/banner/1688285656_banner_img.jpg', 'images/banner/1688286068_banner_img.jpg', 'images/banner/1689314603_banner_img.png'];
var html = '';
}
})
});
</script>
<script>_showDynClickBatch(['dynclicks_u22_5263', 'dynclicks_u22_6937', 'dynclicks_u22_6931', 'dynclicks_u22_6930', 'dynclicks_u22_6926', 'dynclicks_u22_6918', 'dynclicks_u22_6915', 'dynclicks_u22_6914'], [5263, 6937, 6931, 6930, 6926, 6918, 6915, 6914], "wbnews", 1681206034)</script>
</ul>
<ul class="p-list1 qm wow fadeInUp" data-wow-delay=".3s" data-wow-duration=".5s">
</ul>
<script>_showDynClickBatch(['dynclicks_u23_5263', 'dynclicks_u23_6937', 'dynclicks_u23_6931', 'dynclicks_u23_6930', 'dynclicks_u23_6926', 'dynclicks_u23_6918', 'dynclicks_u23_6915', 'dynclicks_u23_6914'], [5263, 6937, 6931, 6930, 6926, 6918, 6915, 6914], "wbnews", 1681206034)</script>
</div>
</div>
</div>
<!-- 媒体聚焦 + 学术讲座 + 院系动态 + 通知公告 -->
<div class="row-a2" style="background-image: url(images/bg-q4.png);">
<div class="cont">
<div class="wp">
<ul class="ul-txt-q3 TAB wow fadeInUp" id=".tabbox">
<li>
<div class="con">
<h3>媒体聚焦</h3>
<a class="more" href="medialist.html" target="_blank"><i></i>更多</a>
</div>
</li>
<li>
<div class="con">
<h3>院系动态</h3>
<a class="more" href="dynamiclist.html" target="_blank"><i></i>更多</a>
</div>
</li>
<li>
<div class="con">
<h3>学术讲座</h3>
<a class="more" href="lecturelist.html" target="_blank"><i></i>更多</a>
</div>
</li>
<li>
<div class="con">
<h3>通知公告</h3>
<a class="more" href="noticelist.html" target="_blank"><i></i>更多</a>
</div>
</li>
<!-- <li>
<div class="con">
<h3>审核评估</h3>
<a class="more" href="shpgList.html" target="_blank"><i></i>更多</a>
</div>
</li>-->
</ul>
<script>
$(document).ready(function() {
var firstLi = $(".TAB li:first-child");
var tab = firstLi.parent(".TAB");
var con = tab.attr("id");
var on = tab.find("li").index(firstLi);
firstLi.addClass('on');
$(con).eq(on).show().siblings(con).hide();
$(".TAB li").mousemove(function() {
var tab = $(this).parent(".TAB");
var con = tab.attr("id");
var on = tab.find("li").index(this);
$(this).addClass('on').siblings(tab.find("li")).removeClass('on');
$(con).eq(on).show().siblings(con).hide();
});
});
</script>
<div class="boxs wow fadeInUp">
<div class="tabbox ">
<ul class="ul-txt-q4" id="ul-txt-q4-188">
<a class="lookmore" href="dynamiclist.html"><i></i>阅读更多</a>
</ul>
<script type="text/javascript">
$(function () {
$.ajax({
url: mediaList,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var html = '';
var count = 0;
if (data.length > 3) {
count = 3;
} else {
count = data.length;
}
for (let i = 0; i < count; i++) {
var link = '';
if (data[i].url) {
link = data[i].url;
} else {
link = 'meidacontent.html?id=' + data[i].id;
}
var timeString = data[i].publicTime;
var date = new Date(timeString);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var weekday = date.getDay();
var weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
var weekdayName = weekdays[weekday];
html += '<li>';
html += '<a class="con" href="' + link + '" target="_blank">';
html += '<div class="date"><span><em>' + day + '</em>' + year + '-' + month + '</span>' + weekdayName + '</div>';
html += '<div class="txt">';
html += '<h3>' + data[i].title + '</h3>';
html += '<div class="desc">';
html += '<p>' + data[i].intro + '</p>';
html += '</div>';
html += '</div>';
html += '</a>';
html += '</li>';
}
html += '<a class="lookmore" href="medialist.html"><i></i>阅读更多</a>';
$('#ul-txt-q4-188').html(html);
},
error: function (err) {
}
})
});
</script>
</div>
<div class="tabbox ">
<ul class="ul-txt-q4" id="ul-txt-q4-88">
<a class="lookmore" href="dynamiclist.html"><i></i>阅读更多</a>
</ul>
<script type="text/javascript">
$(function () {
$.ajax({
url: dynamicList,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var html = '';
var count = 0;
if (data.length > 3) {
count = 3;
} else {
count = data.length;
}
for (let i = 0; i < count; i++) {
var timeString = data[i].publicTime;
var date = new Date(timeString);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var weekday = date.getDay();
var weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
var weekdayName = weekdays[weekday];
html += '<li>';
html += '<a class="con" href="dynamiccontent.html?id=' + data[i].id + '" target="_blank">';
html += '<div class="date"><span><em>' + day + '</em>' + year + '-' + month + '</span>' + weekdayName + '</div>';
html += '<div class="txt">';
html += '<h3>' + data[i].title + '</h3>';
html += '<div class="desc">';
html += '<p>' + data[i].intro + '</p>';
html += '</div>';
html += '</div>';
html += '</a>';
html += '</li>';
}
html += '<a class="lookmore" href="dynamiclist.html"><i></i>阅读更多</a>';
$('#ul-txt-q4-88').html(html);
},
error: function (err) {
}
})
});
</script>
</div>
<div class="tabbox dn">
<ul class="ul-txt-q4" id="ul-txt-q4-66">
<a class="lookmore" href="lecturelist.html" target="_blank"><i></i>阅读更多</a>
</ul>
<script>
$(function () {
$.ajax({
url: lectureList,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var html = '';
var count = 0;
if (data.length > 3) {
count = 3;
} else {
count = data.length;
}
for (var i = 0; i < count; i++) {
var timeString = data[i].lectureTime;
var date = new Date(timeString);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var weekday = date.getDay();
var weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
var weekdayName = weekdays[weekday];
html += '<li>';
html += '<a class="con" href="lecturecontent.html?id=' + data[i].id + '" target="_blank">';
html += '<div class="date"><span><em>' + day + '</em>' + year + '-' + month + '</span>' + weekdayName + '</div>';
html += '<div class="txt">';
html += '<h3>' + data[i].title + '</h3>';
html += '<div class="info">';
html += '<span><i style="background-image: url(images/i-q7.png);"></i>' + data[i].lecturer + '</span>';
html += '<span style="color: #0252a9;"><i style="background-image: url(images/i-q8.png);"></i>' + data[i].lectureTime + '</span>';
html += '<span><i style="background-image:url(images/i-q9.png);"></i>' + data[i].lectureAddress + '</span>';
html += '</div>';
html += '</div>';
html += '</a>';
html += '</li>';
}
html += '<a class="lookmore" href="lecturelist.html"><i></i>阅读更多</a>';
$('#ul-txt-q4-66').html(html);
},
error: function (err) {
}
})
});
</script>
</div>
<div class="tabbox dnn">
<ul class="ul-txt-q4" id="ul-txt-q4-99">
<a class="lookmore" href="noticelist.html" target="_blank"><i></i>阅读更多</a>
</ul>
<script type="text/javascript">
$(function () {
$.ajax({
url: noticeList,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var html = '';
var count = 0;
if (data.length > 3) {
count = 3;
} else {
count = data.length;
}
for (let i = 0; i < count; i++) {
var timeString = data[i].publicTime;
var date = new Date(timeString);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var weekday = date.getDay();
var weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
var weekdayName = weekdays[weekday];
html += '<li>';
html += '<a class="con" href="noticecontent.html?id=' + data[i].id + '" target="_blank">';
html += '<div class="date"><span><em>' + day + '</em>' + year + '-' + month + '</span>' + weekdayName + '</div>';
html += '<div class="txt">';
html += '<h3>' + data[i].title + '</h3>';
html += '<div class="desc">';
html += '<p>' + data[i].intro + '</p>';
html += '</div>';
html += '</div>';
html += '</a>';
html += '</li>';
}
html += '<a class="lookmore" href="noticelist.html"><i></i>阅读更多</a>';
$('#ul-txt-q4-99').html(html);
},
error: function (err) {
}
})
});
</script>
</div>
<div class="tabbox dnnn">
<ul class="ul-txt-q4" id="ul-txt-q4-199">
<a class="lookmore" href="shpgList.html" target="_blank"><i></i>阅读更多</a>
</ul>
<script type="text/javascript">
$(function () {
$.ajax({
url: shpgList,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var html = '';
var count = 0;
if (data.length > 3) {
count = 3;
} else {
count = data.length;
}
for (let i = 0; i < count; i++) {
var timeString = data[i].publicTime;
var date = new Date(timeString);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var weekday = date.getDay();
var weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
var weekdayName = weekdays[weekday];
html += '<li>';
html += '<a class="con" href="shpgcontent.html?id=' + data[i].id + '" target="_blank">';
html += '<div class="date"><span><em>' + day + '</em>' + year + '-' + month + '</span>' + weekdayName + '</div>';
html += '<div class="txt">';
html += '<h3>' + data[i].title + '</h3>';
html += '<div class="desc">';
html += '<p>' + data[i].intro + '</p>';
html += '</div>';
html += '</div>';
html += '</a>';
html += '</li>';
}
html += '<a class="lookmore" href="shpgList.html"><i></i>阅读更多</a>';
// html ='';
$('#ul-txt-q4-199').html(html);
},
error: function (err) {
}
})
});
</script>
</div>
</div>
</div>
</div>
</div>
<!-- 专题 -->
<div class="row-a1" style="background-image: url(images/bg-q1.jpg);">
<div class="wp">
<div class="g-tit1 wow fadeInUp">
<h3>专题</h3>
</div>
<div class="box">
<div class="special_item">
<div class="item">
<a href="http://www.moe.gov.cn/jyb_xwfb/xw_zt/moe_357/s7865/s8417/" target="_blank" class="con">
<div class="pic">
<img alt="" src="images/20231019092330.jpg">
</div>
</a>
</div>
<div class="item">
<a href="speciallist.html" target="_blank" class="con">
<div class="pic">
<img alt="" src="images/20240422103844.jpg">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- 长医人物-->
<div class="row-a3" style="background-image: url(images/bg-q1.jpg);padding-bottom: 30px;">
<div class="row-a3-1 wow fadeInUp" style="max-width:1350px; margin: 0 auto;">
</div>
<script type="text/javascript">
$(function () {
$.ajax({
url: famousList,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var html = '';
var count = 0;
if (data.length >= 2) {
html += '<div class="left-div">';
html += '<a href="figurecontent.html?id=' + data[0].id + '">';
html += '<div class="figure-picture">';
html += '<img src="' + picUrl + data[0].picUrl + '" style="margin-left:13%;width: 74%; height:60%;object-fit: contain;">';
html += '</div>';
html += '</a>'
html += '<div class="figure-desc">';
html += '<div class="figure-content">';
html += '<p style="font-size: 16px;color: rgb(88,88,88)">' + data[0].content + '</p>';
html += '</div>';
html += '</div>';
html += '</div>';
html += '<div class="right-div">';
html += '<div class="figure" style="height: 60px">';
html += '<div class="figure-title"><h3 >先进典型</h3></div>';
html += '<a href="figurelist.html" class="figure-link">';
html += '<div class="figure-icon">';
html += '<a style="font-size: 14px;color: #2E59A7;line-height: 1.5em;" href="figurelist.html" target="_blank"><i style="display: inline-block;vertical-align: middle;width: 17px;height: 3px; background: url(images/i-q1.png) center center no-repeat;background-size: cover;margin-top:-2px;margin-right: 8px"></i>更多</a>';
html += '</div>';
html += '</a>';
html += '</div>';
html += '<div class="figure-desc">';
html += '<div class="figure-content">';
html += '<p style="font-size: 16px;color: rgb(88,88,88)">' + data[1].content + '</p>';
html += '</div>';
html += '</div>';
html += '<a href="figurecontent.html?id=' + data[1].id + '">';
html += '<div class="figure-picture">';
html += '<img src="' + picUrl + data[1].picUrl + '" style="margin-left:13%;width: 74%; height:60%;object-fit: contain;">';
html += '</div>';
html += '</a>';
html += '<div style="height: 20px"></div>';
html += '</div>';
} else if (data.length === 1) {
}
$('.row-a3-1').html(html);
},
error: function (err) {
var data = ['images/banner/1688283219_banner_img.jpg', 'images/banner/1688285074_banner_img.jpg', 'images/banner/1688285656_banner_img.jpg', 'images/banner/1688286068_banner_img.jpg', 'images/banner/1689314603_banner_img.png'];
var html = '';
}
})
});
</script>
</div>
<!-- 校园风采 -->
<div class="row-a3" style="background-image: url(images/bg-q1.jpg);">
<div class="wp">
<div class="g-tit1 wow fadeInUp">
<h3>校园风光</h3>
</div>
<div style="width: 100%;height: 20px"></div>
<div class="box">
<div id="image-container">
<div id="image-content">
<div class="scrolling-image" style="background-image: url('images/navpic3.jpg');"></div>
<div class="scrolling-image" style="background-image: url('images/navpic4.jpg');"></div>
<div class="scrolling-image" style="background-image: url('images/navpic7.jpg');"></div>
</div>
<script>
//ajax请求网络
$(function () {
$.ajax({
url: getSceneryList,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var html = '';
var count = 0;
count = data.length;
for (let i = 0; i < count; i++) {
html += '<div class="scrolling-image" style="background-image: url(' + picUrl + data[i].link + ');"></div>';
}
$('#image-content').html(html);
},
error: function (err) {
var data = ['images/banner/1688283219_banner_img.jpg', 'images/banner/1688285074_banner_img.jpg', 'images/banner/1688285656_banner_img.jpg', 'images/banner/1688286068_banner_img.jpg', 'images/banner/1689314603_banner_img.png'];
var html = '';
for (let i = 0; i < data.length; i++) {
html += '<div class="scrolling-image" style="background-image: url(' + data[i] + ');"></div>';
}
$('#image-content').html(html);
}
})
});
</script>
</div>
</div>
<div style="width: 100%;height: 20px"></div>
</div>
</div>
<!-- 底部 -->
<div class="footer" id="cywz">
<div class="fd-con">
<div class="wp">
<div class="fd-link">
<script type="text/javascript">
$(function () {
$.ajax({
url: friendLink,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var html = '';
var count = 0;
html += '<dl>';
html += '<dt><em style="background-image: url(images/i-q17.png);"></em>常用链接</dt>'
html += '</dl>';
for (let i = 0; i < data.length; i++) {
html += '<dl>';
html += '<dt><li><a href="' + data[i].url + '" target="_blank" style="text-decoration: none;color: #ffffff">' + data[i].title + '</a></li></dt>'
html += '</dl>';
}
$('.fd-link').html(html);
},
error: function (err) {
}
})
});
</script>
</div>
</div>
</div>
<div class="fd-adds fix">
<div class="fd-logo">
<a href="" title=""><img alt="" src="images/1572198808_logo_img.png"></a>
</div>
<div class="wp">
<div class="fd-txt">
<div class="addr">
<div>常用服务   Service</div>
<div class="container">
<div class="column">
<dl>
<a href="cyfw.html?id=1716642089783001089" target="_blank">
<dt class="dt2"></dt>
<dd>校园地图</dd>
</a>
</dl>
<dl>
<a href="cyfw.html?id=1716642906481098754" target="_blank">
<dt class="dt3"></dt>
<dd>学校位置</dd>
</a>
</dl>
<dl>
<a href="cyfw.html?id=1716643367405748226" target="_blank">
<dt class="dt4"></dt>
<dd>公交线路</dd>
</a>
</dl>
<dl>
<a href="cyfw.html?id=1716643110345244673" target="_blank">
<dt class="dt5"></dt>
<dd>常用电话</dd>
</a>
</dl>
<dl>
<a href="http://www.csmu.edu.cn:81/" target="_blank">
<dt class="dt7"></dt>
<dd>阳光服务</dd>
</a>
</dl>
</div>
</div>
</div>
</div>
</div>
<div class="fd-shre">
<div class="title">新媒体 NEW MEDIA</div>
<div class="container">
<div class="qrcode_column">
</div>
<script type="text/javascript">
$(function () {
$.ajax({
url: qrCode,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var html = '';
var count = 0;
//取前三个二维码数据
for (let i = 0; i < 3; i++) {
//获取屏幕宽度
var width = $(window).width();
if(width<=1010){
if(i===0){
html += '<dl>';
html += '<div style="margin-top: 8px"><img src="' + picUrl + data[i].url + '" alt="" width="40px" height="40px"></div>';
html += '<dd style="text-align: center;">' + data[i].title + '</dd>';
html += '</dl>';
}else{
html += '<dl>';
html += '<a href="javascript:void(0)">';
html += '<div class="ma" style="text-align: center"><img src="' + picUrl + data[i].url + '" alt=""></div>';
html += '<dt class="dt' + (i + 1) + '"></dt>';
html += '<dd style="text-align: center;">' + data[i].title + '</dd>';
html += '</a>';
html += '</dl>';
}
}else{
html += '<dl>';
html += '<a href="javascript:void(0)" >';
html += '<div class="ma"><img src="' + picUrl + data[i].url + '" alt=""></div>';
html += '<dt class="dt' + (i + 1) + '"></dt>';
html += '<dd style="text-align: center;">' + data[i].title + '</dd>';
html += '</a>';
html += '</dl>';
}
}
$('.qrcode_column').html(html);
},
error: function (err) {
}
})
});
</script>
</div>
</div>
</div>
<!-- 版权部分-->
<div class="fd-copy">
<div class="wp">
<p>
<span>通讯地址:长沙市湘江新区雷锋大道1501号</span><span>邮编:410219</span><span>联系电话:0731-88602602</span><span>Email:csyxy@csmu.edu.cn</span><span><a
href="http://beian.miit.gov.cn/" target="_blank">湘ICP备09028508号-1 | 湘教QS3-200504-000030 | 湘公网安备 43011202000222号</a></span>
</p>
</div>
</div>
<link href="css/animate.css" rel="stylesheet">
<script src="js/wow.min.js" type="text/javascript"></script>
<script type="text/javascript">
new WOW().init();
</script>
<link href="css/slick.css" rel="stylesheet">
<script src="js/slick.min.js"></script>
<script>
new WOW().init();
// banner
$('.banner .topSlider').slick({
dots: true,
arrows: false,
autoplay: true,
slidesToShow: 1,
autoplaySpeed: 3000,
pauseOnHover: true,
fade: true,
cssEase: 'linear'
});
$('.p-list1.qm').slick({
rows: 4,
dots: true,
arrows: false,
autoplay: true,
slidesToShow: 1,
autoplaySpeed: 3000,
pauseOnHover: true,
fade: true,
cssEase: 'linear'
});
// 长医要闻
$('.m-picTxt1 .slider').slick({
dots: true,
arrows: false,
autoplay: true,
slidesToShow: 1,
autoplaySpeed: 3000,
pauseOnHover: true
});
$('.p-list2.qm').slick({
rows: 4,
dots: true,
arrows: false,
autoplay: true,
slidesToShow: 1,
autoplaySpeed: 3000,
pauseOnHover: true,
fade: true,
cssEase: 'linear'
});
//
$('.m-picTxt2 .slider').slick({
dots: true,
arrows: false,
autoplay: true,
slidesToShow: 1,
autoplaySpeed: 3000,
pauseOnHover: true
});
// 学术讲座
$('#m-txt-q1').slick({
dots: true,
arrows: false,
autoplay: false,
slidesToShow: 3,
slidesToScroll: 3,
autoplaySpeed: 10000,
pauseOnHover: true
});
$('#m-txt-q2').slick({
rows: 3,
dots: true,
arrows: false,
autoplay: false,
slidesToShow: 1,
slidesToScroll: 1,
autoplaySpeed: 10000,
pauseOnHover: true
});
$('#m-imgtxt-q2').slick({
rows: 2,
dots: true,
arrows: false,
autoplay: true,
slidesToShow: 3,
slidesToScroll: 3,
autoplaySpeed: 10000,
pauseOnHover: true,
responsive: [
{
breakpoint: 350,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
}
]
});
$('#m-img-q1 .slider').slick({
dots: false,
arrows: false,
autoplay: false,
slidesToShow: 5,
slidesToScroll: 1,
autoplaySpeed: 10000,
pauseOnHover: true
});
$('#m-img-q2 .slider').slick({
rows: 2,
dots: false,
arrows: true,
autoplay: false,
slidesToShow: 2,
slidesToScroll: 2,
autoplaySpeed: 10000,
pauseOnHover: true
});
// 侧边
setTimeout(function () {
$(".fright").addClass('on')
}, 10000)
$(".fright .down").click(function () {
$(this).parent('.fright').toggleClass('on');
})
$(".fright .li7 a").click(function () {
$(".fd-link dl").eq(0).find("dd").slideDown();
$(".fd-link dl").eq(0).addClass('on');
})
</script>
</div>
<!-- 底部 -->
<a href="javascript:void(0);" class="g-top"></a>
<link rel="stylesheet" href="css/animate.css">
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript">
new WOW().init();
</script>
</div>
</body>
<script>
let lastWidth = window.innerWidth; // 初始时记录屏幕宽度
function handleResize() {
const currentWidth = window.innerWidth;
// 输出屏幕宽度变化情况到控制台
if ((lastWidth < 1010 && currentWidth >= 1010) || (lastWidth >= 1010 && currentWidth < 1010)) {
$(function () {
$.ajax({
url: qrCode,
method: 'get',
withCredentials: true,
success: function (res) {
var data = res.data;
var html = '';
var count = 0;
//取前三个二维码数据
for (let i = 0; i < 3; i++) {
//获取屏幕宽度
var width = $(window).width();
if(width<=1010){
if(i===0){
html += '<dl>';
html += '<div style="margin-top: 8px"><img src="' + picUrl + data[i].url + '" alt="" width="40px" height="40px"></div>';
html += '<dd style="text-align: center;">' + data[i].title + '</dd>';
html += '</dl>';
}else{
html += '<dl>';
html += '<a href="javascript:void(0)">';
html += '<div class="ma"><img src="' + picUrl + data[i].url + '" alt=""></div>';
html += '<dt class="dt' + (i + 1) + '"></dt>';
html += '<dd style="text-align: center;">' + data[i].title + '</dd>';
html += '</a>';
html += '</dl>';
}
}else{
html += '<dl>';
html += '<a href="javascript:void(0)" >';
html += '<div class="ma"><img src="' + picUrl + data[i].url + '" alt=""></div>';
html += '<dt class="dt' + (i + 1) + '"></dt>';
html += '<dd style="text-align: center;">' + data[i].title + '</dd>';
html += '</a>';
html += '</dl>';
}
}
$('.qrcode_column').html(html);
},
error: function (err) {
}
})
});
}
// 更新lastWidth为当前宽度
lastWidth = currentWidth;
}
// 页面加载时初始化
handleResize();
// 监听窗口缩放事件
window.addEventListener('resize', handleResize);
</script>
</html>
<style>
/* 默认样式，左右各一张图片 */
.special_item {
display: flex;
justify-content: center;
/*align-items: center;*/
}
.item {
flex: 0 0 calc(50% - 10px);
margin: 0 5px; /* 左右间距为10px，两个元素之间的间距 */
margin-bottom: 20px; /* 底部间距为20px */
position: relative; /* 用于相对定位子元素 */
}
.item img {
width: 100%; /* 图片宽度占满容器 */
height: 100%; /* 图片高度占满容器 */
object-fit: cover; /* 保持图片宽高比，填充整个容器，可能会裁剪部分图片 */
}
/* 在小于767px的屏幕宽度下，一行一张图片 */
@media (max-width: 767px) {
.special_item {
display: block;
}
.item {
width: 100%;
margin: 10px 0; /* 上下距离为10px */
}
}
#image-container {
max-width: 1180px; /* 最大宽度为 1180px */
margin: 0 auto; /* 左右外边距自动，实现水平居中 */
}
#image-content {
white-space: nowrap;
animation: scroll 80s linear infinite; /* 调整滚动速度和方向 */
}
.scrolling-image {
display: inline-block;
width: 480px;
height: 320px;
background-size: cover;
margin-right: 10px; /* 调整图片之间的间距 */
}
@media only screen and (max-width: 1010px){
.scrolling-image {
display: inline-block;
width: 320px;
height: 200px;
background-size: cover;
margin-right: 10px; /* 调整图片之间的间距 */
}
}
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
</style>
为您提供网页信息检测查询,可以快速检测网页的META标签，分析标题、关键词、描述等是否符合搜索引擎收录规范 。