侧边栏

    <script src="https://www.easyicon.net/SkinNew/js/jquery.js"></script>

    <div class="fixed-right" style="">
      <div class="right1" style="">

        <div><span>
            <img alts="https://www.easyicon.net/api/resizeApi.php?id=1244779&size=128" 
                  alt="https://www.easyicon.net/api/resizeApi.php?id=1244778&size=128" 
                  src="https://www.easyicon.net/api/resizeApi.php?id=1244778&size=128">
        </span></div>

        <div><span>
            <img alts="https://www.easyicon.net/api/resizeApi.php?id=1244761&size=128" 
                  alt="https://www.easyicon.net/api/resizeApi.php?id=1244768&size=128" 
                  src="https://www.easyicon.net/api/resizeApi.php?id=1244768&size=128">
        </span></div>

        <div><span>
            <img alts="https://www.easyicon.net/api/resizeApi.php?id=1244759&size=128" 
                  alt="https://www.easyicon.net/api/resizeApi.php?id=1244758&size=128" 
                  src="https://www.easyicon.net/api/resizeApi.php?id=1244758&size=128">
        </span></div>

        <div><span>
            <img alts="https://www.easyicon.net/api/resizeApi.php?id=1244738&size=128" 
                  alt="https://www.easyicon.net/api/resizeApi.php?id=1244735&size=128" 
                  src="https://www.easyicon.net/api/resizeApi.php?id=1244735&size=128">
        </span></div>

      </div>
    </div>
    <style type="text/css">
      .fixed-right {
        position:fixed;
        right:0;
        z-index: 1000000;
        /*background: red;*/
      }
      .fixed-right .right1 div {
        display: block;
        height:40px;
        /*background:red;*/
        line-height: calc(50vh);
      }
      .fixed-right .right1 div span {
        /*background:blue;*/
      }
      .fixed-right .right1 div span img {
        height:70px;
        /*width:70px;*/
        /*background:#fff;*/
        padding:10px;
      }
      .fixed-right .right1 div span {
        display: block;
        margin-top:30px;
      }
    </style>
    <script type="text/javascript">
      $('.fixed-right .right1 img').mouseover(function(){
        $(this).attr("src",$(this).attr('alts'));
      });
      $('.fixed-right .right1 img').mouseout(function(){
        $(this).attr("src",$(this).attr('alt'));
      });
    </script>

  

posted @ 2020-10-25 15:25  烹烹  阅读(5)  评论(0)    收藏  举报