<script type="text/javascript">
//当前URL对当前栏目高亮突出显示
$(".menu li a").each(function(){
$this = $(this);
if($this[0].href==String(window.location)){
2022年06月09日
<script type="text/javascript">
//当前URL对当前栏目高亮突出显示
$(".menu li a").each(function(){
$this = $(this);
if($this[0].href==String(window.location)){
2022年05月12日
<!DOCTYPE html>
<!-- saved from url=(0050)https://www.swiper.com.cn/demo/020-navigation.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Swiper demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="./Swiper demo_files/swiper-bundle.min.css">
<!-- Demo styles -->
<style>
html,
body {
position: relative;
height: 100%;
}
body {
background: #eee;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
</style>
</head>
<body>
<!-- Swiper -->
<div class="swiper mySwiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
<div id="swiper-wrapper-9dc10d9ca3dcf534b" aria-live="polite">
<div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 9" style="width: 1920px;">Slide 1</div>
<div class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 9" style="width: 1920px;">Slide 2</div>
<div role="group" aria-label="3 / 9" style="width: 1920px;">Slide 3</div>
<div role="group" aria-label="4 / 9" style="width: 1920px;">Slide 4</div>
<div role="group" aria-label="5 / 9" style="width: 1920px;">Slide 5</div>
<div role="group" aria-label="6 / 9" style="width: 1920px;">Slide 6</div>
<div role="group" aria-label="7 / 9" style="width: 1920px;">Slide 7</div>
<div role="group" aria-label="8 / 9" style="width: 1920px;">Slide 8</div>
<div role="group" aria-label="9 / 9" style="width: 1920px;">Slide 9</div>
</div>
<div tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-9dc10d9ca3dcf534b" aria-disabled="false"></div>
<div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-9dc10d9ca3dcf534b" aria-disabled="true"></div>
<span aria-live="assertive" aria-atomic="true"></span></div>
<!-- Swiper JS -->
<script src="./Swiper demo_files/swiper-bundle.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper(".mySwiper", {
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
slidesPerView: 4,
paginationClickable: true,
spaceBetween: 30,
loop: true,
autoplay: false,
speed: 1000,
//autoplay: 2500,
nextButton: '',
prevButton: '',
breakpoints: {
//当宽度小于等于480
480: {
slidesPerView: 2,
spaceBetween:10
},
//当宽度小于等于980
980: {
slidesPerView: 2,
spaceBetween: 20
},
//当宽度小于等于1200
1200: {
slidesPerView: 3,
spaceBetween:20
}
},
});
</script>
</body></html>2022年05月10日
讯睿cms列表栏目封面页面默认不分页
小问题整了一个小时，在于对该cms的不熟悉，网上关于该cms的相关信息比较少
解决方法是
在文章模块中开启父级栏目可以发布文章
2022年04月21日
“虚度光阴”，这个词第一次出现在我的视野里，便要励志，让这个词成为虚妄。
如今三十二载已过，回首默然，落魄如斯，必然是虚度了光阴。
也曾宽慰自己，一咬牙一跺脚，虚度一生也不过如此，却发现，无论怎样度过一生，终究是虚度的，那就多做一些自己想要做的事情吧，至少让这虚度的一生不至于过于无聊。
上学时，每天都在学习，渴望学完最后一个知识点，上完最后一堂课，考完最后一场试，离开学校，殊不知，在踏出校园的那一刻，也只是人生学习经历新的开始。
无论是自己的工作需求，还是爱好探索，都需要自己花费大量的时间用于学习新的知识，得益于互联网的无私，可以很轻松地找到绝大多数需要的资料，当然也是因为网络的无聊，让我知道学海确实无涯，自己确实渺小而又卑微。
Powered By 尧舜禹工作室
© 2022 不浪 版权所有