不浪博客-第2页

2022年06月09日

js控制当前URL对当前栏目高亮突出显示

//当前URL对当前栏目高亮突出显示

$(".menu li a").each(function(){

$this = $(this);

if($this[0].href==String(window.location)){

2022年06月09日

　　所谓“听息”，就是听自己呼吸之气，初下手只用耳根，不用意识，并非以这个念头代替那个念头，更不是专心死守鼻窍或肺窍，也不是听鼻中有什么声音，只要自己觉得一呼一吸的下落，勿让它瞒过，这就算是对了。至于呼吸的快慢、粗细、浅深，皆任其自然变化，不要去支配它，听到后来，神气合一，杂念全无，连呼吸也忘记了，渐渐地入于睡乡，这才是神经由衰弱恢复健康的过程中最有效力的肘侯，就要乘这个机会熟睡一番，切不可勉强提起精神和睡意相抵抗;睡醒之后，可以从头再做听呼吸法，又能够安然入睡。若是在白昼间睡了几次不欲再睡时，不妨起来到外面稍为活动，或拣树木多、空气洁的地方，站在那里做几分钟吐纳工夫也好，或做柔软体操、练太极拳也好，但要适可而止，勿使身体感觉疲劳;回到房内，或坐或卧，仍旧做听呼吸的工夫，还可能入于熟睡的境界。凡患神经衰弱的人，大半兼有失眠症，安眠药片不宜常服，只有听呼吸一法，可以根本解决问题，毫无流弊，而且与《黄帝内经》上所说阳入于阴的理论相合。(《灵枢.大惑论》：“卫气常留于阳，则阳气盛;不得入于阴，则阴气虚，故目不瞑”。)

2022年05月12日

swiper学习

<!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日