网站首页 >> 源码大全 >> 正文
标题

底部弹窗插件代码

小小   2024-12-16 22:00:41   222℃   0
内容

<div class="qqqun">

  <div class=&qu[文]ot;qqtitl[章]e"&g[来]t;

    <img src="https://zyfbw.com/favicon.ico">资源发布网

    <a class=&qu[自]ot;iconfo[就]nt layui-ico[爱]n layui-ico[技]n-close ">[术];</a&g[网]t;

  </div&[文]gt;

  <a class="qqqcontent" href="httPS://www.zyfbw.com" target="_blank">

    <div class=&qu[章]ot;right&[来]quot;>[自]

      <p>[就]欢迎访问资源发布网[爱]!请收藏本站域名:[技]https://z[术]yfbw.com&[网]lt;/p>[文]

    </div&[章]gt;

  </a>[来];

  <div class=&qu[自]ot;qqqfoo[就]ter"[爱]>

    <a href=&quo[技]t;https:/[术]/zyfbw.co[网]m" target=&q[文]uot;_blan[章]k"&g[来]t;立即查看<[自];/a>

  </div&[就]gt;

</div&[爱]gt;

<style>.layui-icon { font-family: layui-icon!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media screen and (max-width: 800px) { .qqqun { display: none; }} .qqqun { width: 249px; height: 180px; background: #FFF; position: fixed; bottom: 0; right: 0; z-index: 99999999999999999999999999999; } .qqtitle { background: #5298ff; height: 37px; line-height: 37px; color: #FFF; padding: 0px 16px; } .qqqcontent { height: 109px; padding: 12px 12px; display: block; } .qqqfooter { height: 34px; line-height: 34px; border-top: 1px solid #F6F6F6; } .qqtitle img { width: 18px; height: 18px; margin-right: 7px; vertical-align: middle; margin-top: -2px; } .qqtitle a { color: #FFF; float: right; cursor: pointer; font-size: 15px; height: 37px; line-height: 37px; } .qqqcontent .right { margin-left: 12px; width: calc(100%); } .qqqcontent .right h3 { font-size: 14px; color: #333; height: 20px; overflow: hidden; width: 100%; } .qqqcontent .right p { color: #9d9d9d; font-size: 12px; margin-top: 4px; line-height: 20px; height: 60px; overflow: hidden; width: 100%; } .qqqfooter a { float: right; margin-right: 20px; color: #5298ff; font-size: 12px; }</style>

<script type="text/javascript">layui.use('layer',

  function([技]) {

    var layer = layui.lay[术]er;

    $(".[网]jc_list li a").[文]hover(fun[章]ction() {

      if ($(this).[来]attr(&quo[自]t;title&q[就]uot;) != ''[爱];) {

        layer.tip[技]s($(this)[术].attr(&qu[网]ot;title&[文]quot;), $(this).p[章]arent(&qu[来]ot;li&quo[自]t;), {

          area: ["au[就]to"][爱],

          tips: [1, '#313[技]333'][术]

        });

      }

    },

    function([网]) {

      layer.clo[文]seAll();

    });

  });

  var DangQian = 0;

  $(functio[章]n() {

    console.l[来]og(DangQi[自]an += parseInt([就]$(window)[爱].scrollTo[技]p()));

    if ($("[术].layui-fi[网]xbar-top&[文]quot;).le[章]ngth > 0) {

      backtopS([来]);

      $(window)[自].scroll(f[就]unction(e[爱]) {

        backtopS([技]);

      });

      function backtopS([术]) {

        var scroH = $(this).s[网]crollTop([文]);

        var footerHei[章]ght = 0;

        if ($('.[来]footer[自]9;).lengt[就]h > 0) {

          mTop = $('.f[爱]ooter'[技];)[0].off[术]setTop;

          footerHei[网]ght = footerHei[文]ght + $(".[章]footer&qu[来]ot;).oute[自]rHeight()[就];

        } else {

          mTop = $('fo[爱]oter'[技])[0].offs[术]etTop;

        }

        footerHeight = footerHeight + $(".footer").outerHeight() + parseInt($(".index").CSS("margin-top"));

        sTop = $(window)[网].scrollTo[文]p();

        result = mTop - sTop - parseInt([章]$(".[来]index&quo[自]t;).css(&[就]quot;marg[爱]in-top&qu[技]ot;));

        if (scroH > 200) {

          $(".[术]layui-fix[网]bar-top&q[文]uot;).fad[章]eIn(400);[来]

          if (scroH >= $("b[自]ody"[就]).height([爱]) - $(window)[技].height()[术] - footerHei[网]ght) {

            $(".[文]layui-fix[章]bar-top&q[来]uot;).css[自]("bo[就]ttom"[爱];, $(window)[技].height()[术] - result);

            if (scroH >= 3410) {

              $(".[网]layui-fix[文]bar-top&q[章]uot;).css[来]("ma[自]rgin-bott[就]om",[爱] $('fo[技]oter'[术]).height([网]));

            } else {

              $(".[文]layui-fix[章]bar-top&q[来]uot;).css[自]("ma[就]rgin-bott[爱]om",[技] "&qu[术]ot;);

            }

          } else {

            $(".[网]layui-fix[文]bar-top&q[章]uot;).css[来]("bo[自]ttom"[就];, "&qu[爱]ot;);

          }

        } else {

          $(".[技]layui-fix[术]bar-top&q[网]uot;).fad[文]eOut(400)[章];

        }

      }

    }

    $(".[来]layui-fix[自]bar-top&q[就]uot;).cli[爱]ck(functi[技]on(e) {

      $('body,html').animate({

        scrollTop[术]: 0

      },

      800);

    });

    $(".[网]qqtitle&q[文]uot;).cli[章]ck(functi[来]on(e) {

      $(".[自]qqqun&quo[就]t;).slide[爱]Up();

    });

    var indexWidt[技]h = 0;

    $('#m[术]_huabox li').[网]each(func[文]tion() {

      indexWidt[章]h += parseInt([来]$(this).w[自]idth()) + 18.2;

    });

    $('#m[就]_huabox&#[爱]39;).css([技]'widt[术]h', indexWidt[网]h);

    $(".[文]header-se[章]ac")[来].on('[自]click'[就];,

    function([爱]) {

      var title = $(".[技]sear-inp&[术]quot;).va[网]l();

      if (title) {

        window.lo[文]cation.hr[章]ef = "/se[来]arch?titl[自]e=" + title;

      }

    });

  });

  $(documen[就]t).keydow[爱]n(functio[技]n(event) {

    if (event.ke[术]yCode == 13) {

      var title = $(".[网]sear-inp&[文]quot;).va[章]l();

      if (title) {

        window.lo[来]cation.hr[自]ef = "/se[就]arch?titl[爱]e=" + title;

      }

    }

  });</s[技]cript>[术]

</div&[网]gt;

底部弹窗插件代码

文章版权声明
1 本网站名称:就爱技术网2 本站永久网址:http://jajsw.com3 本网站的文章部分内容来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ进行删除处理。4 本站资源仅供学习和交流使用,版权归原作者所有,请在下载后24小时之内自觉删除。5 本站大部分下载资源收集于网络,不保证其完整性以及安全性,不提供技术支持,请下载后自行研究。6 若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,使用者自行承担,概与本站无关。
点评

本文暂无评论 - 欢迎您

用户中心

快捷导航返回顶部
提交收录
广告合作
返回顶部