jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了js及jquery常用插件大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

1、BACkstretch背景图片插件 可实现背景自适应效果

<script src="dist/js/lib/BACkstretch/jquery.BACkstretch.min.js"></script>
$("body").BACkstretch("dist/img/BACkground_index.png");

2、滚动条插件 

<script src="dist/js/lib/nicescroll/jquery.nicescroll.min.js"></script>
$(".cityContainer ul").niceScroll({
  //滚动条配置
});

3、将某个页面元素钉在某个位置

<script src="dist/js/lib/jquery.pin-gh-pages/jquery.pin.js"></script>
$(".pinned").pin({ containerSELEctor: ".container" //在某个容器内 minWidth: 940 //在小尺寸屏幕上禁用 });

4、echarts图表使用

<script src="dist/js/lib/echarts/echarts4.js"></script>
var llncharts = echarts.init(document.getElementById(‘id‘));
var option = {};
llncharts.setOption(option);
//随屏幕大小改变刷新echarts图
window.onresize = function() {
    llncharts .resize();
}

5、城市三级联动

<div class="zcityGroup" city-range="{‘level_start‘:1,‘level_end‘:3}" city-ini="广东,深圳市,龙华新区"></div>
<script type="text/javascript" src="dist/js/zcity.js"></script>
zcityrun(‘.zcityGroup‘);

6、日历框

<input type="text" id="test1" placeholder="请选择日期">
<script src="dist/js/lib/laydate/laydate.js"></script>
laydate.render({
    elem:‘#test1‘
})

7、手机端弹框选择

<link rel="stylesheet" href="dist/js/lib/mobileSELEct.js-master/css/mobileSELEct.css">
<div id="trigger1" class="trStyle">请填写</div>
<script src="dist/js/lib/mobileSELEct.js-master/js/mobileSELEct.js"></script>
var cardType = [‘身份证‘,‘护照‘,‘军官证‘,‘士兵证‘,‘回乡证‘,‘临时身份证‘];
var mobileSELEct1 = new MobileSELEct({
    trigger: ‘#trigger1‘,title: ‘单项选择‘,wheels: [{
        data: cardType
    }],position: [0],//初始化定位 打开时认选中的哪个 如果不填认为0
});

8、

大佬总结

以上是大佬教程为你收集整理的js及jquery常用插件全部内容,希望文章能够帮你解决js及jquery常用插件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。