// 必须先引入jQuery；在引入这个scroll-to-dom.js
<script src="https://oss.zfzsjz.com/web/js/scroll-to-dom.js"></script>
// 滚动到指定的dom位置；$('可以是类名，id名')；最好不要有重复；
$('.yuyue').animatescroll();
<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>
<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" })
target="_blank" href="http://uclient.yunque360.com/frame.html?company_id=cacbi3g96bts"
url: 'https://ctz.zfzsjz.com/yuyue/adduser',
<link rel="shortcut icon" href="https://oss.zfzsjz.com/zf-ico.ico">
<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；
<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', // 垂直切换选项
})
<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>
