大佬教程收集整理的这篇文章主要介绍了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({ //滚动条配置 });
<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,请注明来意。