xx$#x

滚动到指定的dom节点位置

// 必须先引入jQuery；在引入这个scroll-to-dom.js
<script src="https://oss.zfzsjz.com/web/js/scroll-to-dom.js"></script>
// 滚动到指定的dom位置；$('可以是类名，id名')；最好不要有重复；
$('.yuyue').animatescroll();

爱潘潘h5代码：http://p.qiao.baidu.com/cps/chat?siteId=12457269&userId=23924673&siteToken=

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?0c0f30768301b3fe5ac9ef00793ec465";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

爱潘潘pc：http://p.qiao.baidu.com/cps/chat?siteId=10788935&userId=23924673&siteToken=

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?23974c8d3d0bb64dcadf18e4dd7fb8b7";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

抖音头条广告统计

    <!-- Bytedance Tracking -->
    <script>
        (function (r, d, s, l) {
            var meteor = r.meteor = r.meteor || []; meteor.methods = ["track", "off", "on"]; meteor.factory = function (method) {
                return function () {
                    var args = Array.prototype.slice.call(arguments); args.unshift(method); meteor.push(args); return meteor
                }
            }; for (var i = 0; i < meteor.methods.length; i++) {
                var key = meteor.methods[i]; meteor[key] = meteor.factory(key)
            } meteor.load = function () {
                var js, fjs = d.getElementsByTagName(s)[0]; js = d.createElement(s);
                js.src = "https://analytics.snssdk.com/meteor.js/v1/" + l + "/sdk"; fjs.parentNode.insertBefore(js, fjs)
            }; meteor.load(); if (meteor.invoked) { return }
            meteor.invoked = true; meteor.track("pageview")
        })(window, document, "script", "109451029417");
    </script>

    meteor.track("form", {: "1662941056867335"  })

360云雀

target="_blank" href="http://uclient.yunque360.com/frame.html?company_id=cacbi3g96bts"

ajax

url: 'https://ctz.zfzsjz.com/yuyue/adduser',

ico图标

 <link rel="shortcut icon" href="https://oss.zfzsjz.com/zf-ico.ico">

h5地图跳转详情页API

<a href="http://api.map.baidu.com/place/detail?uid=a86e61e27b56bfb343e1925b&output=html&src=webapp.baidu.openAP">百度地图详情</a>
<a href="//uri.amap.com/poidetail?poiid=B0FFI5JY1F&src=mypage&callnative=1">高德详情页</a>
// 详细文档参考xxx地图URI的api；poiid和uid只需要打开相应的地图网页搜索一个地点；点进去；就是详情页需要的uid；

常用cdn

<link href="https://cdn.bootcss.com/normalize/8.0.1/normalize.min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/animate.css/3.7.1/animate.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js" ></script>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
// 滚动动画
<link href="https://cdn.bootcss.com/aos/1.2.2/aos.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/aos/1.2.2/aos.js"></script>
// 轮播图
<link href="https://cdn.bootcss.com/Swiper/4.4.0/css/swiper.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/Swiper/4.4.0/js/swiper.min.js"></script>

微信分享

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  <script type="text/javascript">
    var url = window.location.href.split('#')[0];
    $.ajax({
      url: 'https://ctz.zfzsjz.com/wx/getJssdk',
      type: "POST",
      data: {
        url
      },
      async: true,
      cache: false,
      dataType: "json",
      success: function (data) {
        wx.config({
          debug: false,
          appId: data.appId,
          timestamp: data.timestamp,
          nonceStr: data.nonceStr,
          signature: data.signature,
          jsApiList: [
            'updateTimelineShareData',
            'updateAppMessageShareData',
            'onMenuShareAppMessage', //旧的接口，即将废弃
            'onMenuShareTimeline' //旧的接口，即将废弃
          ]
        });
        wx.ready(function () { //需在用户可能点击分享按钮前就先调用
          wx.updateAppMessageShareData({
            title: document.title, // 分享标题
            desc: '四月钜惠活动', // 分享描述
            link: url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'https://oss.zfzsjz.com/base/vx-share.jpg', //缩略图链接,目前只支持url,不支持base64
            success: function () {
              // 设置成功
              console.log('分享成功的回调函数');
            },
            fail: (res) => {
              console.log(res);
              console.log('程序错误的回调函数');
            }
          })

          wx.updateTimelineShareData({
            title: document.title, // 分享标题
            desc: '四月钜惠活动', // 分享描述
            link: url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'https://oss.zfzsjz.com/base/vx-share.jpg', //缩略图链接,目前只支持url,不支持base64
            success: function () {
              // 设置成功
              console.log('分享成功的回调函数');
            },
            fail: (res) => {
              console.log(res);
              console.log('程序错误的回调函数');
            }
          })

        });
      }
    })
  </script>

移动端竖屏滚动

.swiper-container,.swiper-wrapper,.swiper-slide{
    width: 100vw;
    height: 100vh;
}

 <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">Slide 1</div>
      <div class="swiper-slide">Slide 2</div>
      <div class="swiper-slide">Slide 3</div>
    </div>
  </div>

   var mySwiper = new Swiper('.swiper-container', {
      direction: 'vertical', // 垂直切换选项
    })

jQuery tab切换

<style>
        .lyh-tab {
            display: flex;
        }
        li {
            width: 111px;
            line-height: 111px;
            background-color: #ff0099;
            margin-right: 22px;
            list-style: none;
            text-align: center;
        }
        div.item {
            width: 333px;
            height: 333px;
            background-color: #ddd;
            display: none;
        }
        li.active {
            background-color: green;
        }
    </style>

<ul class="lyh-tab">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <div class="lyh-tab-content">
        <div class="item">内容1</div>
        <div class="item">内容2</div>
        <div class="item">内容3</div>
        <div class="item">内容4</div>
    </div>

    <script>
        $('.lyh-tab li').eq(0).addClass('active')
        $('.lyh-tab-content div').eq(0).show()

        $('ul li').click(function () {
            $('.lyh-tab li.active').removeClass('active')
            let i = $(this).index()
            $('.lyh-tab li').eq(i).addClass('active')
            $('.lyh-tab-content>div').hide().eq(i).fadeIn("slow")
        })
    </script>

xx$#x

抖音头条广告统计

推荐阅读更多精彩内容