前端之插件
qq_597221342
这个作者很懒,什么都没留下…
展开
-
前端之插件-mCustomScrollbar
<link rel="stylesheet" type="text/css" href="/pro_css/common/jquery.mCustomScrollbar.css"> <script type="text/javascript" src="/pro_js/publicJs/jquery.mCustomScrollbar.js"></script> $().mCustomS原创 2017-08-25 11:25:02 · 273 阅读 · 0 评论 -
echarts柱状图下钻
&lt;!DOCTYPE html&gt;&lt;html style="height: 100%"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;/head&gt; &lt;body style=原创 2019-02-25 20:40:33 · 3056 阅读 · 0 评论 -
echarts组织架构图
echarts中常用:title,xAxis,series &lt;!DOCTYPE html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;ECharts&lt;/title&gt; &lt;/h原创 2019-02-25 20:35:19 · 5401 阅读 · 0 评论 -
angular ng-file-upload文件上传
1.所需要的js文件<script src="angular(.min).js"></script><script src="ng-file-upload-shim(.min).js"></script> <!-- for no html5 browsers support --><script src=&q原创 2018-09-14 11:41:19 · 1506 阅读 · 0 评论 -
jquery常用插件
jquery 插件1.fancybox fancybox.net 弹窗2.number-slidershow 幻灯片3.jquery-ui 3.1 droppable 拖拽 3.2.according 手风琴 3.3.dialog 对话框4.datepicker 日期5.jqchart chart6.jplaye...原创 2018-05-05 15:59:08 · 137 阅读 · 0 评论 -
前端之插件-echats
1 引入ECharts 2 绘制一个简单的图表 为ECharts准备具备宽高的DOM容器 然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图 //基于准备好的dom,初始化echarts实例 var myChart=echarts.init(document.getElementById(‘main’原创 2017-08-25 10:29:46 · 580 阅读 · 0 评论 -
前端之插件-fileinput
function initFileInput(ctrlName) { var control = $(‘#’ + ctrlName); control.fileinput({ language: ‘zh’, //设置语言 showUpload: false, //是否显示上传按钮 showRemove:true, dropZoneEnable原创 2017-08-25 10:38:14 · 693 阅读 · 1 评论 -
前端之插件-dynatree
需求:1.jquery.js2.jquery-ui.custom.js3.jquery.cookie.js下载dynatree,放到资源路径下,在页面引入ui.dynatree.css,jquery.dynatree.js。 (function(){(function(){ (“#tree”).dynatree({ //tree生成树形结构所在的节点的ID如原创 2017-08-25 11:14:13 · 837 阅读 · 0 评论 -
前端之插件-ztree
zTree添加自定义属性1.定义时直接添加属性 var zNodes =[ { id:1, pId:0, name:”pNode 1”, open:true, attr:”id1”}, { id:11, pId:1, name:”pNode 11”, attr:”id11”}, { id:111, pId:11, nam原创 2017-08-25 11:19:20 · 218 阅读 · 0 评论 -
前端插件之-swiper
swiper.min.css jquery.min.js swiper.jquery.min.js<div class="swiper-container">--首先定义一个容器 <div class="swiper-wrapper"> <div class="swiper-slide"><img src="" /></div> --添加图片原创 2017-08-25 12:48:47 · 449 阅读 · 0 评论 -
前端之js插件-ztree使用篇
使用zTree插件实现树形图中,需要获取当前点击的父节点的子节点数的需求,使用treeNode.children获取子节点数据集合,使用length方法获取集合长度。 将当前节点的treeNode传入即可调用。/*查找当前节点下一级的子节点数*/function findNodes(treeNode){ var count; /*判断是不是父节点,是的话找出子节点个数,加一是为原创 2017-09-05 09:55:18 · 1230 阅读 · 0 评论 -
前端之js-openlayers
OpenLayers.Layer:initialize:创建层Div,注册事件 destroy:注销 clone:克隆当前层 setName:设置层name addOptions:添加附属属性 onMapResize:虚函数。由子函数实现。 redraw:重画 moveTo:移动。(未实现有意义动作) setMap:设置层所属的地图 removeMap:移除地图。虚函数,由子函数实转载 2017-09-12 18:06:00 · 1304 阅读 · 0 评论 -
前端之js-插件篇
幻灯片:1、http://www.htmldrive.net/items/show/570/Number-slideshow-simple-and-practical-numbers-image-slideshow-jQuery-plugin2、https://github.com/gre/diaporama弹出框:http://fancybox.net日期选择器:Datepicker http原创 2017-10-31 17:13:38 · 356 阅读 · 0 评论 -
前端之js-echarts(二)
1.引入echarts.js// 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { title: { text: 'ECharts 入门示例' }原创 2017-11-07 13:13:26 · 408 阅读 · 0 评论 -
前端之js插件-fullPage
fullPage https://alvarotrigo.com/fullPage/#firstPage优点: 1.市场占比高 2.很好的兼容性 3.支持鼠标键盘 4.支持手机平板设备交互操作 5.支持css3动画原创 2017-10-19 15:05:27 · 419 阅读 · 0 评论 -
前端之js-引导页
引导页插件introjs<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, us原创 2017-09-12 17:37:51 · 1998 阅读 · 1 评论 -
前端之插件-layer
<script src="jQuery的路径"></script><script src="layer.js的路径"></script><script>//弹出一个页面层$('#test2').on('click', function(){ layer.open({ type: 1, area: ['600px', '360px'], shadeClose: true, //点原创 2017-08-25 12:51:22 · 299 阅读 · 0 评论 -
echarts绑定数据
当统计维度复杂,并且后台无法返回前端需要的数据格式时,需要前端进行数据格式的转换,展示相应的统计图实现思路: 1、循环提取year作为横坐标 2、循环提取图例数据,构建二维数组 3、解析二维数组,转换为echarts识别的格式,渲染页面 function changeData(originData, url,nextUrl,subject,id,searchOb...原创 2019-02-26 12:01:07 · 2007 阅读 · 0 评论